[FLEX-20051] TabNavigator header doesn't render correctly if resizeToContent is true AND you have a Dropshadowfilter declared.

• Type: Bug
• Status: Closed
• Priority: Minor
• Resolution: Later
• Affects Version/s: Adobe Flex SDK 3.3 (Release)
• Fix Version/s: Adobe Flex SDK Previous
• 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: 03/Jul/09 10:37
• Updated: 05/Mar/10 19:30
• Resolved: 16/Nov/09 16:29

Description

Steps to reproduce:
1. Compile the attached sample code (also inline here)
2. Launch the application and randomly click the tabs (especially the 2nd and last tab).

Actual Results:
Eventually you'll see that the header renderer renders the whole of the tab bar white.

Expected Results:
The rendering of the TabBar is the same no matter what tab or what order you click the tabs.

Workaround (if any):
Disable either:
resizeToContent=true
OR
remove the dropshadow filter.

Example code:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<!--
resizeToContent="false" // fixes the problem
OR
disabling the filter.

if you have them both enabled you get the problem.
-->
<mx:TabNavigator
id="tabNavigator"
width="534"
resizeToContent="true">
<mx:Canvas label="BALANCE"
height="400"/>
<mx:Canvas
label="LIMIT"/>
<mx:Canvas label="TRANSFER_AMOUNT"
height="200"/>
<mx:Canvas
label="ACCOUNT_SETTINGS"
height="300"
width="200" />
<mx:filters>
<mx:DropShadowFilter distance="1"
color="0x333333"
blurX="3"
blurY="3"
alpha="0.4"
angle="90"/>
</mx:filters>
</mx:TabNavigator>
</mx:Application>