rollOut Issue with child dropdown in panel

[Ulrich Andreas]

Intern: for project use only


Hi all,

I encountered some problems when using a dropdown as a child component within a 
removable parent container.
The container listens on "rollout" events for removing itself. The containing 
dropdown triggers this event (sadly) -only when the drop down list is open and 
the mouse moves over the itemlist of the dropdown.

How can this be avoided? The Panel should stay open...


Simplified Example:
<?xml version="1.0"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"; 
xmlns:s="library://ns.adobe.com/flex/spark">
    <fx:Script><![CDATA[
        import spark.components.DropDownList;
        import spark.components.Panel;
        var p:Panel;
        private function button1_clickHandler(event:MouseEvent):void {
            p = new Panel();
            p.width = 200;
            p.height = 100;
            p.addEventListener(MouseEvent.ROLL_OUT, onRollout);
            var c:DropDownList = new DropDownList();
            p.addElement(c);
            addElement(p);
        }

        private function onRollout(event:MouseEvent):void {
                removeElement(p);
                p=null;
        }
        ]]></fx:Script>
    <s:Button click="button1_clickHandler(event)" label="Say Hello"/>

</s:Application>

Regards,
Andreas