Spark list horizontal scroller doesn't actualize when rows is set lesser than list container

Question

Hello,
The size of the Image control is set larger than that of its parent Group  container. By default, the child extends past the boundaries of the parent  container. Rather than allow the child to extend past the boundaries of the  parent container, the Scroller specifies to clip the child to the boundaries and  display scroll bars.
In the spark list, when I change the list dataProvider and the size of the Image control is set lesser than that of its parent Group  container, the horizontal scroller doesn't actualize.
thanks.

Answer 1

<!-- Simple example to demonstrate the Spark List component -->
<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" applicationComplete="comp()" width="260" height="400">
    <fx:Script>
        <![CDATA[
    import mx.collections.*;
    public var dpArray:Array;
    [Bindable]
    public var dpCol:ArrayCollection;
    public function handleClick():void {
        dpCol.removeAll();
        dpCol.addItem({ label:"spark test" });
        dpCol.addItem({ label:"spark text" });
    public function comp():void {
        dpCol = new ArrayCollection(dpArray);
        dpCol.addItem({ label:"spark list horizontal scroller doesn't actualize when rows is set lesser than list container" });
        dpCol.addItem({ label:"spark test" });
        dpCol.addItem({ label:"spark text" });
         ]]>
    </fx:Script>
    <s:Panel title="List">
        <s:VGroup left="20" right="20" top="20" bottom="20">
            <s:List width="200" id="lis" dataProvider="{dpCol}" height="120"/>
            <s:Button id="button1" label="Click here!" width="100" fontSize="12" click="handleClick();"/>
        </s:VGroup>
    </s:Panel>
</s:Application>