[flexcoders] Panel height 100% don't scroll

[Norbert Csík]

Hi!

I have a simple Flex application running in a browser directly
referencing the swf file. The application has a Panel element with
height 100%. It works fine, has the correct size, but when the window
gets too small the scroll bar appears in the Application not in the Panel.

Can you tell me why? I thought the Panel should always be 100% of its
parent container but it seems to be as big as its content.

How can I achive that if the space is too small the scroll bar would
be displayed in the Panel not in the Application?

Thanks in advance, here's my sample code:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml";>
        <mx:Panel title="Stuff" height="100%">
                <mx:FormItem label="Type">
                        <mx:TextInput/>
                </mx:FormItem>
                <mx:FormItem label="Type">
                        <mx:TextInput/>
                </mx:FormItem>
                <mx:FormItem label="Type">
                        <mx:TextInput/>
                </mx:FormItem>
                <mx:FormItem label="Type">
                        <mx:TextInput/>
                </mx:FormItem>
                <mx:FormItem label="Type">
                        <mx:TextInput/>
                </mx:FormItem>
                <mx:FormItem label="Type">
                        <mx:TextInput/>
                </mx:FormItem>
                <mx:FormItem label="Type">
                        <mx:TextInput/>
                </mx:FormItem>
                <mx:FormItem label="Type">
                        <mx:TextInput/>
                </mx:FormItem>
                <mx:FormItem label="Type">
                        <mx:TextInput/>
                </mx:FormItem>
                <mx:FormItem label="Type">
                        <mx:TextInput/>
                </mx:FormItem>
                
                <mx:ControlBar id="cb">
                        <mx:Button label="save"/>
                </mx:ControlBar>
        </mx:Panel>
</mx:Application>

nOR