[flexcoders] viewStack and radioButtonGroup maintaining state problem

[Justin Winter]

There seems to be a problem with with multiple radioButtonGroups on
different viewStacks maintaining state when switching back and forth
with a tabNavigator. I am trying to create the basic component MXML
component below and after clicking back and forth between the tabs the
default radio buttons (selected="true") loses it's state.

Am I missing something here?

[code]

<?xml version="1.0" encoding="utf-8"?>
<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml"; width="330"
height="110" verticalGap="0">
      <mx:TabBar dataProvider="generateImagesViewStack"/>
      <mx:ViewStack id="generateImagesViewStack" width="100%"
height="100%">

          <mx:Canvas id="largeImage" label="LARGE IMAGE" width="100%"
backgroundColor="#999999">
              <mx:VBox width="100%" height="100%" paddingLeft="10"
paddingTop="10">
                  <mx:HBox width="100%">
                      <mx:VBox verticalGap="0">
                      <mx:TextInput id="lgWidth" width="50"/>
                      <mx:Text text="WIDTH" />
                      </mx:VBox>

                      <mx:Text text="X" />

                      <mx:VBox verticalGap="0">
                      <mx:TextInput id="lgHeight" width="50"/>
                      <mx:Text text="HEIGHT" />
                      </mx:VBox>

                      <mx:VBox verticalGap="0">
                      <mx:TextInput id="lgQuality" width="50" />
                      <mx:Text text="QUALITY" />
                      </mx:VBox>

                      <mx:RadioButtonGroup id="lgGenerateType"/>
                      <mx:VBox verticalGap="0">
                          <mx:RadioButton id="lgProportional"
label="Proportional" groupName="generateType"
                              selected="true" />
                          <mx:RadioButton id="lgCrop" label="Crop to Fit"
groupName="generateType"
                              selected="false" />
                      </mx:VBox>
                  </mx:HBox>
                  <mx:HBox width="100%">
                      <mx:Spacer width="100%"/>
                      <mx:Button label="CANCEL" click="this.visible =
false;"/>
                      <mx:Button label="SAVE CHANGES"/>
                      <mx:Spacer width="10"/>
                  </mx:HBox>
              </mx:VBox>
          </mx:Canvas>

          <mx:Canvas id="thumbnails" label="THUMBNAIL" width="100%">
             <mx:VBox width="100%" height="100%"
backgroundColor="#999999" paddingTop="10" paddingLeft="10">
                  <mx:HBox width="100%">
                      <mx:VBox verticalGap="0">
                      <mx:TextInput id="tnWidth" width="50"/>
                      <mx:Text text="WIDTH" />
                      </mx:VBox>

                      <mx:Text text="X" />

                      <mx:VBox verticalGap="0">
                      <mx:TextInput id="tnHeight" width="50"/>
                      <mx:Text text="HEIGHT" />
                      </mx:VBox>

                      <mx:VBox verticalGap="0">
                      <mx:TextInput id="tnQuality" width="50" />
                      <mx:Text text="QUALITY" />
                      </mx:VBox>

                      <mx:RadioButtonGroup id="tnGenerateType"/>
                      <mx:VBox verticalGap="0">
                          <mx:RadioButton id="tnProportional"
label="Proportional" groupName="generateType"
                              selected="{false}" />
                          <mx:RadioButton id="tnCrop" label="Crop to Fit"
groupName="generateType"
                              selected="{true}" />
                      </mx:VBox>

                  </mx:HBox>
                  <mx:HBox width="100%">
                      <mx:Spacer width="100%"/>
                      <mx:Button label="CANCEL" click="this.visible =
false;"/>
                      <mx:Button label="SAVE CHANGES"/>
                      <mx:Spacer width="10"/>
                  </mx:HBox>
              </mx:VBox>
          </mx:Canvas>

      </mx:ViewStack>
</mx:VBox>

[/code]