<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
    layout="vertical"
    name="Autoscroll Test"
    viewSourceURL="srcview/index.html"
>

<mx:Script>
<![CDATA[
    import mx.collections.ArrayCollection;
    import com.webapper.autoscroll.AutoScroll;
    
    [Bindable]
    private var arr : ArrayCollection = new ArrayCollection([0,1,2,3,4,5,6,7,8,9,10]);
    
]]>
</mx:Script>

<mx:TextInput id="nonscrolledbox" width="100%" text="NonScrolled Box" />
<mx:Canvas width="100%" height="100%"
        updateComplete="AutoScroll.autoScroll(event);"
        focusIn="AutoScroll.autoScroll(event);"
>
    <mx:VBox width="95%" height="100%">
        <mx:VBox width="100%" height="100%">
            <mx:Repeater id="i" dataProvider="{arr}">
                <mx:TextInput text="a{i.currentIndex}" />
            </mx:Repeater>
            <mx:TextArea width="400" height="150" />
        </mx:VBox>
        <mx:VBox width="95%" height="100%">
            <mx:Repeater id="j" dataProvider="{arr}">
                <mx:TextInput text="b{j.currentIndex}" />
            </mx:Repeater>
            <mx:TextArea width="400" height="150" />
        </mx:VBox>
    </mx:VBox>
</mx:Canvas>

</mx:Application>