[FLEX-18915] When child width equals container width and horizontalAlign = right children align to drop shadow instead of Panel border

• Type: Bug
• Status: Closed
• Priority: Critical
• Resolution: Not A Problem
• Affects Version/s: Adobe Flex SDK Previous
• Component/s: Spark: VerticalLayout
• Environment: Affected OS(s): All OS Platforms; Language Found: English
• Assignee: Adobe JIRA
• Reporter: Adobe JIRA
• Created: 25/Apr/09 22:16
• Updated: 15/Apr/11 15:16
• Resolved: 01/May/09 13:45

Description

Steps to reproduce:
1. Compile & run:
<?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" xmlns:local="Assets.*"
width="500" height="800" >
<s:layout>
<s:VerticalLayout/>
</s:layout>

<s:Panel id="pnl" height="200" width="200">
<s:layout>
<s:VerticalLayout horizontalAlign="right"/>
</s:layout>
<s:Button/>
<s:Rect width="200" height="50">
<s:fill>
<s:SolidColor color="0xFF0000"/>
</s:fill>
</s:Rect>

<s:SimpleText percentWidth="50" height="50" text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis nisi. Duis at turpis. Sed hendrerit porttitor est. Ut et eros. Nullam risus lacus, semper ut, gravida vitae, tempus ac, ligula. Nulla mollis. Curabitur neque nibh, pretium quis, hendrerit sit amet, molestie non, sem. Pellentesque quis arcu quis odio">
</s:SimpleText>
</s:Panel>

<s:Panel id="pnl2" height="200" width="250">
<s:layout>
<s:VerticalLayout horizontalAlign="right"/>
</s:layout>
<s:Button/>
<s:Rect width="200" height="50">
<s:fill>
<s:SolidColor color="0xFF0000"/>
</s:fill>
</s:Rect>

<s:SimpleText percentWidth="50" height="50" text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis nisi. Duis at turpis. Sed hendrerit porttitor est. Ut et eros. Nullam risus lacus, semper ut, gravida vitae, tempus ac, ligula. Nulla mollis. Curabitur neque nibh, pretium quis, hendrerit sit amet, molestie non, sem. Pellentesque quis arcu quis odio">
</s:SimpleText>
</s:Panel>

<s:Panel id="pnl3" height="200" width="200">
<s:layout>
<s:VerticalLayout horizontalAlign="right"/>
</s:layout>
<s:Button/>
<s:Rect width="150" height="50">
<s:fill>
<s:SolidColor color="0xFF0000"/>
</s:fill>
</s:Rect>

<s:SimpleText percentWidth="50" height="50" text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis nisi. Duis at turpis. Sed hendrerit porttitor est. Ut et eros. Nullam risus lacus, semper ut, gravida vitae, tempus ac, ligula. Nulla mollis. Curabitur neque nibh, pretium quis, hendrerit sit amet, molestie non, sem. Pellentesque quis arcu quis odio">
</s:SimpleText>
</s:Panel>

</s:Application>

Actual Results:
Notice the first Panel's children are right aligned to the Panel's drop shadow

Expected Results:
The second & third Panel are right aligned to the right border of the Panel. The first Panel should be right aligned to the border, not the drop shadow.

Workaround (if any):