IFrame loses visibility when moving out of focus

[GoogleCodeExporter]

What steps will reproduce the problem?
1. Start a flex project, include the Flex-Iframe SWC
2. Copy/Paste the code below into a new component
3. Insert the component into the main application. 
4. "Google" something in the iframe and then click the Flex text input. 

What is the expected output? What do you see instead?

Expected: iFrame stays visible

Actual: iFrame becomes invisible

Included a hack that allows visibility to be restored by adding 1 to the 
width and subtracting 1 from the width in a callLater method. 

private function now():void{
                myFrame.width += 1;
                callLater(now2);
            }

            private function now2():void{
                myFrame.width -= 1;
            }

What version of Flex-IFrame are you using? On what operating system and
which navigator (specify the version too)?

Flex Iframe: 1.4.3
XP -> IE7

Please provide any additional information below, and a sample Flex 3
project reproducing the issue if possible.

Here is the complete source code for the component

<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" 
xmlns:flexiframe="http://code.google.com/p/flex-iframe/" width="830" 
height="570" fontFamily="HelveticaNeue Condensed">
    <mx:Script>
        <![CDATA[
            private function now():void{
                myFrame.width += 1;
                callLater(now2);
            }

            private function now2():void{
                myFrame.width -= 1;
            }
        ]]>
    </mx:Script>
    <mx:Canvas borderColor="#FBB500" borderStyle="solid" 
borderThickness="2" cornerRadius="8" backgroundColor="#FFFFFF" left="5" 
top="5" right="5" bottom="5">

        <mx:HBox y="5" verticalAlign="middle" fontSize="12" 
fontWeight="bold" left="5" right="5" click="now()">
            <mx:Label text="Enter EFC Amount:"/>
            <mx:TextInput id="efcamount" restrict="0-9."/>
            <mx:Button label="Submit"/>
            <mx:Spacer width="100%"/>
            <mx:Button label="X"/>
        </mx:HBox>

        <mx:Box borderStyle="solid" borderThickness="1" 
borderColor="#666666" left="5" top="35" right="5" bottom="5">
            <flexiframe:IFrame id="myFrame" width="100%" 
height="100%" source="http://google.com"/>
        </mx:Box>

    </mx:Canvas>

</mx:Canvas>

Original issue reported on code.google.com by samsouhr...@gmail.com on 18 Mar 2010 at 6:26

[GoogleCodeExporter]

For testing you will need to remove the click="now" portion on the HBox

<mx:HBox y="5" verticalAlign="middle" fontSize="12" fontWeight="bold" left="5" 
right="5" click="now()">

becomes

<mx:HBox y="5" verticalAlign="middle" fontSize="12" fontWeight="bold" left="5" 
right="5">

Original comment by samsouhr...@gmail.com on 18 Mar 2010 at 6:36

[GoogleCodeExporter]

[deleted comment]

[GoogleCodeExporter]

You just forgot wmode=opaque. See UsersGuide

Original comment by Julien.N...@gmail.com on 14 May 2010 at 3:36

• Changed state: RTFM