The elements that appear lower in MXML need to appear higher in the display order. But introducing States seems to be messing up the order.
Here is my very simple skin: <basic:Container x="100" y="100" > <basic:Rect id="fill_up" width="100" height="30" *includeIn="up"* > <basic:stroke> <basic:SolidColorStroke alpha="1.0" color="#000000" /> </basic:stroke> <basic:fill> <basic:SolidColor color="#1ABC9C" alpha="1.0" /> </basic:fill> </basic:Rect> <basic:Label text="MyButton" x="75" y="5" /> </basic:Container> This is how it looks: http://snag.gy/5Kx0Y.jpg When I remove the includeIn attribute like this: <basic:Container x="100" y="100" > <basic:Rect id="fill_up" width="100" height="30" > <basic:stroke> <basic:SolidColorStroke alpha="1.0" color="#000000" /> </basic:stroke> <basic:fill> <basic:SolidColor color="#1ABC9C" alpha="1.0" /> </basic:fill> </basic:Rect> <basic:Label text="MyButton" x="75" y="5" /> </basic:Container> This is how it looks (correct): http://snag.gy/H1jPv.jpg Any idea what's happening here? Which class(es) would I look to debug and fix this issue. Thanks, Om
