title: Flex 4: Controls in spark Panel still show when outside of panel size
body: <p>I discovered this while doing some programmatic panel resizing:
     Components in a spark Panel will still be visible when their location is outside the physical Panel boundaries.   This does not happen with the mx Panel.</p>
  
  <p>Running Flex 4.1 on Windows 7</p>
  
  <p>I tried putting mx and spark controls in the spark Panel, and they both appear outside of the boundaries.   Note this doesn't happen with the mx Panel.  </p>
  
  <p>What am I missing to make the spark behave like the mx?</p>
  
  <p>Thanks !</p>
  
  <p>Sample Code:</p>
  
  <pre><code>    &lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009" 
                         xmlns:s="library://ns.adobe.com/flex/spark" 
                         xmlns:mx="library://ns.adobe.com/flex/mx"&gt;
      &lt;fx:Declarations&gt;
          &lt;!-- Place non-visual elements (e.g., services, value objects) here --&gt;
      &lt;/fx:Declarations&gt;
      &lt;s:Panel x="6" y="8" width="157" height="200"&gt;
          &lt;s:Label x="2" y="10" text="ABCDEFGHIJKL" width="258" height="35" textAlign="right"/&gt;
          &lt;mx:Label text="Label" x="232" y="55"/&gt;
          &lt;mx:Button x="125" y="96" label="Button"/&gt;
      &lt;/s:Panel&gt;
      &lt;mx:Panel x="10" y="216" width="200" height="200" layout="absolute"&gt;
          &lt;mx:Label x="0" y="46" text="Label" width="217" textAlign="right"/&gt;
          &lt;mx:Button x="163" y="88" label="Button"/&gt;
      &lt;/mx:Panel&gt; 
  &lt;/s:WindowedApplication&gt;
  </code></pre>