title: How to get Flex 3 ComboBox width to adjust based on bound dataProvider contents having changed?
body: <p>In Flex 3, I've created a ComboBox within an MXML component similar to the following:</p>
  
  <pre><code>&lt;mx:ComboBox id="comboBox" dataProvider="{_choices}" /&gt;
  
  &lt;mx:Script&gt;
  &lt;![CDATA[
    import mx.collections.ArrayCollection;
    // etc...
    public function get choices():ArrayCollection { return _choices; }
  
    [Bindable]
    private var _choices:ArrayCollection =
      new ArrayCollection( [ { data: "ALL", label: "All" } ] );
    // etc...
  ]]&gt;
  &lt;/mx:Script&gt;
  
  &lt;/mx:HBox&gt;
  </code></pre>
  
  <p>In the parent MXML application, I'm modifying the contents of the choices property:</p>
  
  <pre><code>myComponentId.choices.removeAll();
  myComponentId.choices.addItem({data: "NY", label: "New York"});
  myComponentId.choices.addItem({data: "CA", label: "California"});
  // etc...
  </code></pre>
  
  <p>The binding <strong>is</strong> working in that the ComboBox is automatically picking up the new contents added at runtime, <strong>however</strong> it is not adjusting its width.  The initial width of the ComboBox is wide enough only to show the initial item "All" declared in the component.  However, I want and would have expected the ComboBox to re-size automatically during binding to be able to show "California", but it isn't.</p>
  
  <p>How can I get the ComboBox to update its width after I have added new wider labels to its dataProvider?  Thank you!</p>