Re: [Flex JS] Padding not working as expected

[Justin Mclean]

Hi,

In this case you can work around the issue like so:

<js:View width="140" height="140">
    <js:style>
        <js:SimpleCSSStyles padding="0" margin="50" backgroundColor="red" />
    </js:style>
    <js:Label text="Hello" x="20" y="20" />
</js:View>

But this work around doesn’t really work when using percentage heights and 
widths.

In this for example:
<js:initialView>
    <js:View width="140" height="140">
        <js:style>
            <js:SimpleCSSStyles padding="0" margin="50" backgroundColor="red" />
        </js:style>
        <js:HRule x="20" percentWidth="100" />
    </js:View>
</js:initialView>

The horizontal rule is 140 px wide (when it should be only 100 px wide) and 
goes 20 pixels outside the red box to the right.

This is probably another bug is percentWidth and percentHeight probably 
shouldn’t include padding? Any thoughts?

Thanks,
Justin