[FLEX-28132] Wrong element order when using SkinnableContainer and states

• Type: Bug
• Status: Open
• Priority: Major
• Resolution: Unresolved
• Affects Version/s: Adobe Flex SDK 4.5.1 (Release)
• Component/s: Spark: SkinnableContainer
• Environment: Affected OS(s): Windows; Affected OS(s): Windows 7; Language Found: English
• Assignee: Unassigned
• Reporter: Adobe JIRA
• Created: 10/Aug/11 03:43
• Updated: 28/Jun/13 15:52

Description

When I use a descendant of the SkinnableContainer (eg BorderContainer) which itself is included or excluded in a state, the child elements in the default state appears in incorrect order (Label "B" before Label "A").

This problem disappears when using a Group instead of BorderContainer, or when the container itself is not included or excluded in a state, or when states changes forth and back.

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark">
<s:states>
<s:State name="state1" />
<s:State name="state2" />
</s:states>
<s:VGroup>
<s:BorderContainer includeIn="state1,state2">
<s:layout>
<s:HorizontalLayout paddingLeft="10" paddingTop="10" />
</s:layout>
<s:Label text="A"/>
<s:Label text="B" includeIn="state1" />
</s:BorderContainer>
<s:Button label="state" click="currentState = currentState == 'state1' ? 'state2' : 'state1';" />
</s:VGroup>
</s:Application>