I am using a checkbox to show and hide interface elements via setting the
state. When I click it once, it
correctly sets the state and shows the elements. However when it reverts to
the normal state and removes
the elements, it flashes on a vertical scroll bar to the container from which
it is being removed. How do I
avoid this? I am using a move effect and don't know if that may be part of the
problem.
<mx:states>
<mx:State name="functionView">
<mx:AddChild relativeTo="{mainBox}"
position="lastChild">
<mx:DataGrid visible="{applyFunc.selected}"
backgroundColor="white" color="black"
addedEffect="downWipe"
removedEffect="upWipe" width="300"
id="funcTable"
dataProvider="{axis.functions}" rowCount="2">
<mx:columns>
<mx:DataGridColumn dataField="name" />
<mx:DataGridColumn dataField="val" />
</mx:columns>
</mx:DataGrid>
</mx:AddChild>
</mx:State>
</mx:states>
<mx:VBox id="mainBox" verticalScrollPolicy="off">
<!-- several HBox elements are defined here -->
</mx:VBox>
<mx:HRule width="100%" moveEffect="slow"/>
<mx:Move id="slow" duration="500"/>
<mx:WipeDown id="downWipe" duration="500"/>
<mx:WipeUp id="upWipe" duration="500"/>
