[FLEX-23665] TabNavigator "change" event timing issue

• Type: Bug
• Status: Closed
• Priority: Major
• Resolution: Won't Fix
• Affects Version/s: Adobe Flex SDK 3.5 (Release)
• Component/s: mx: Tab Navigator
• Environment: Affected OS(s): All OS Platforms; Affected OS(s): All OS Platforms; Language Found: English
• Assignee: Adobe JIRA
• Reporter: Adobe JIRA
• Created: 01/Apr/10 06:08
• Updated: 26/Aug/10 16:38
• Resolved: 15/Apr/10 16:00

Description

Steps to reproduce:
1. Run the attached TestTabNavigator6.mxml
2. Click Tab2
3. Click on "change the flag value" button
4. Click Tab1
5. Click Tab2

Actual Results:
button.visible is true, so the button in the Tab2 should be displayed; however, it is not.
When you do "mouseOver" to the place where the button is located, then it is displayed.

Expected Results:
button should be displayed after step #5. Please see the attached mouseOverTheButton.jpg.

Workaround (if any):
Use data binding:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">

<mx:Script>
<![CDATA[
[Bindable]
private var _flg:Boolean = false;
]]
>
</mx:Script>

<mx:VBox>
<mx:HBox width="300">
<mx:Button id="changeFlgBtn" label="change the flag value" click="_flg = !_flg;"/>
<mx:Label text="flag value: "/>
<mx:Label text="{_flg}"/>
</mx:HBox>
<mx:TabNavigator id="tabnavigator1" width="100%" height="200">
<mx:VBox label="Tab1" width="100%"/>
<mx:VBox label="Tab2" width="100%" backgroundColor="#eaf4ff">
<mx:Button id="button" visible="{_flg}" />
<mx:Spacer height="1000"/>
</mx:VBox>
</mx:TabNavigator>
</mx:VBox>

</mx:Application>