[flexcoders] Spark Panel width=0 but still showing

[bhaq1972]

I am setting the width of a Spark Panel to zero but I can still see it. 
Halo Panel does not have this problem.

Any ideas?

Thanks in Advance.

Here's a simple example

<?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:mx="library://ns.adobe.com/flex/mx"
  minWidth="955" minHeight="600">

  <s:layout>
    <s:VerticalLayout horizontalAlign="center" paddingTop="20" paddingLeft="5" 
paddingRight="5"/>
   </s:layout>

   <fx:Script>
     <![CDATA[
                        
        public function changeWidth():void
        {
           // change  menu Panel width
           var width1:int = 0.25 * MainPanel.width;                     
           panelMenu.width = (panelMenu.width == 0) ? width1 : 0;
        }
      ]]>
   </fx:Script>

   <s:Button label="click" click="changeWidth()"/>
   <s:Panel id="MainPanel" title="panel" width="100%" height="100%"> 
      <mx:HDividedBox width="100%" height="100%" horizontalScrollPolicy="off">
        <mx:ViewStack id="vsContainer" width="75%" height="100%"/>
           <s:Panel id="panelMenu" title="Topics" width="25%" height="100%">
                <s:Label text="halo Panel ok. spark has an issue"/>
            </s:Panel>
       </mx:HDividedBox>
    </s:Panel>  
</s:Application>

-------------
Same test using Halo Panel
<?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:mx="library://ns.adobe.com/flex/mx"
  minWidth="955" minHeight="600">

  <s:layout>
    <s:VerticalLayout horizontalAlign="center" paddingTop="20" paddingLeft="5" 
paddingRight="5"/>
   </s:layout>

   <fx:Script>
     <![CDATA[
                        
        public function changeWidth():void
        {
           // change  menu Panel width
           var width1:int = 0.25 * MainPanel.width;                     
           panelMenu.width = (panelMenu.width == 0) ? width1 : 0;
        }
      ]]>
   </fx:Script>

   <s:Button label="click" click="changeWidth()"/>
   <s:Panel id="MainPanel" title="panel" width="100%" height="100%"> 
      <mx:HDividedBox width="100%" height="100%" horizontalScrollPolicy="off">
        <mx:ViewStack id="vsContainer" width="75%" height="100%"/>
           <mx:Panel id="panelMenu" title="Topics" width="25%" height="100%">
                <s:Label text="halo Panel ok. spark has an issue"/>
            </mx:Panel>
       </mx:HDividedBox>
    </s:Panel>  
</s:Application>