Children should align to parent's right border when child width > parent width in VerticalLayout with horizontalAlign = right

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 id="vl" horizontalAlign="right"/>
</s:layout>
<s:Button />
<s:Rect width="250" 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 that the items are right aligned outside of the parent container (Panel).

Expected Results:
Items should be right aligned to the parent's right border.

Workaround (if any):