title: Flex 4.6 hostComponent no longer Works?
body: <p>hostComponent seems to have stopped working as it used to before. If I create a custom comp based on lets say SkinnableContainer and apply default skin I am unable to see co hinting for Bindable/public variables from the skin. Code below to illustrate. </p>
  
  <p>What am I missing here?  Same seems to happen with other components/skins. I'm using latest Flash Builder (4.6).</p>
  
  <p>&lt;--------- Component ---------------></p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;s:SkinnableContainer xmlns:fx="http://ns.adobe.com/mxml/2009" 
                        xmlns:s="library://ns.adobe.com/flex/spark" 
                        xmlns:mx="library://ns.adobe.com/flex/mx"
                        width="400" height="300" skinClass="skins.testSkin"&gt;
      &lt;fx:Declarations&gt;
          &lt;!-- Place non-visual elements (e.g., services, value objects) here --&gt;
      &lt;/fx:Declarations&gt;
  
      &lt;fx:Script&gt;
          &lt;![CDATA[
  
              [Bindable]
              public var test:String = "Test";
  
          ]]&gt;
      &lt;/fx:Script&gt;
  &lt;/s:SkinnableContainer&gt;
  </code></pre>
  
  <p>&lt;----------------- Skin --------------></p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" 
      xmlns:fb="http://ns.adobe.com/flashbuilder/2009" alpha.disabled="0.5"&gt;
  
      &lt;fx:Metadata&gt;
      &lt;![CDATA[ 
          /** 
           * @copy spark.skins.spark.ApplicationSkin#hostComponent
           */
          [HostComponent("spark.components.SkinnableContainer")]
      ]]&gt;
      &lt;/fx:Metadata&gt; 
  
      &lt;fx:Script fb:purpose="styling"&gt;
          &lt;![CDATA[         
              /**
               *  @private
               */
              override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number) : void
              {
                  this.hostComponent
                  // Push backgroundColor and backgroundAlpha directly.
                  // Handle undefined backgroundColor by hiding the background object.
                  if (isNaN(getStyle("backgroundColor")))
                  {
                      background.visible = false;
                  }
                  else
                  {
                      background.visible = true;
                      bgFill.color = getStyle("backgroundColor");
                      bgFill.alpha = getStyle("backgroundAlpha");
                  }
  
                  super.updateDisplayList(unscaledWidth, unscaledHeight);
              }
          ]]&gt;        
      &lt;/fx:Script&gt;
  
      &lt;s:states&gt;
          &lt;s:State name="normal" /&gt;
          &lt;s:State name="disabled" /&gt;
      &lt;/s:states&gt;
  
      &lt;!--- Defines the appearance of the SkinnableContainer class's background. --&gt;
      &lt;s:Rect id="background" left="0" right="0" top="0" bottom="0"&gt;
          &lt;s:fill&gt;
              &lt;!--- @private --&gt;
              &lt;s:SolidColor id="bgFill" color="#FFFFFF"/&gt;
          &lt;/s:fill&gt;
      &lt;/s:Rect&gt;
  
      &lt;!--
          Note: setting the minimum size to 0 here so that changes to the host component's
          size will not be thwarted by this skin part's minimum size.   This is a compromise,
          more about it here: http://bugs.adobe.com/jira/browse/SDK-21143
      --&gt;
      &lt;!--- @copy spark.components.SkinnableContainer#contentGroup --&gt;
      &lt;s:Group id="contentGroup" left="0" right="0" top="0" bottom="0" minWidth="0" minHeight="0"&gt;
          &lt;s:layout&gt;
              &lt;s:BasicLayout/&gt;
          &lt;/s:layout&gt;
      &lt;/s:Group&gt;
  
  &lt;/s:Skin&gt;
  </code></pre>