[flexcoders] Resize Effect Plays Twice?

[bithroop]

Here is a really simple example that is bringing up some buggy
behavior. This little app will let the user flip between a few
different "trays". There is a resizeEffect on the ViewStack that holds
the trays and a show and hide effect slides them. The resizeEffect is
making the move effects play twice for some reason. If you disable it
the tray move effects play just fine.

Has anyone found a workaround for this?

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml";
layout="absolute" backgroundGradientAlphas="[1.0, 1.0]"
backgroundGradientColors="[#ADA4A4, #ADA4A4]">
        
        <mx:Move id="moveIn" duration="1000" xTo="0" xFrom="-150"/>
        <mx:Move id="moveOut" duration="1000" xTo="-150" xFrom="0"/>
        <mx:Resize id="resize" duration="500" />
        
        <mx:HBox x="75" y="45" width="100%" horizontalGap="0">
                <mx:Canvas id="topCanvas" width="200" height="229"
backgroundColor="#47818A">
                </mx:Canvas>
                <mx:ViewStack id="stack" height="229" resizeEffect="resize"
resizeToContent="true">
                        <mx:Canvas showEffect="moveIn" hideEffect="moveOut" 
label="Canvas0"
backgroundColor="#41E20F" width="0">
                        </mx:Canvas>
                        <mx:Canvas showEffect="moveIn" hideEffect="moveOut" 
label="Canvas1"
backgroundColor="#41E20F" width="50">
                                <mx:Label x="10" y="186" text="1" 
fontSize="22"/>
                        </mx:Canvas>
                        <mx:Canvas showEffect="moveIn" hideEffect="moveOut" 
label="Canvas2"
backgroundColor="#CE0E0E" width="150">
                                <mx:Label text="2" fontSize="22" right="10" 
bottom="10"
color="#FFFFFF"/>
                        </mx:Canvas>
                </mx:ViewStack>
                <mx:Canvas id="topCanvas0" width="66" height="229"
backgroundColor="#FF3E3E"/>
        </mx:HBox>
        
        <mx:RadioButtonGroup id="radiogroup1"/>
        <mx:RadioButton x="10" y="10" label="Off" groupName="radiogroup1"
click="{stack.selectedIndex = 0}"/>
        <mx:RadioButton x="10" y="36" label="1" groupName="radiogroup1"
click="{stack.selectedIndex = 1}"/>
        <mx:RadioButton x="10" y="62" label="2" groupName="radiogroup1"
click="{stack.selectedIndex = 2}"/>
        
</mx:Application>