actionscript-3 - Adobe AIR 奇怪的 UI 错误

Question

我收到了一个应用程序的错误报告，该应用程序被 100 多人使用了一年多，在使用最新 Adob​​e AIR 的 Mac OSX 上，在这个用户案例中 UI 变得很奇怪

这是一段UI代码，整个代码使用了HGroups和VGroups和spacers的相对布局，没有绝对位置

<s:Panel width="100%"  title="Print and Digital">
                        <s:layout>
                            <s:VerticalLayout horizontalAlign="center" paddingBottom="6" paddingLeft="6"
                                              paddingRight="6" paddingTop="6"/>
                        </s:layout>
                        <dialogs:HorizConversiopnsComponent width="100%" id="conversionsComponent"/>
                        <s:HGroup id="paperSizesResGroup" width="100%" verticalAlign="middle">

                            <s:ComboBox id="DIN_combobox" width="33%" change="paperSizeHandler(event)"/>
                            <s:ComboBox id="ANSI_combobox" width="33%" change="paperSizeHandler(event)"/>
                            <s:ComboBox width="33%" id="units_combobox" change="updateInterface()"/>
                        </s:HGroup>

                        <s:HGroup width="100%" verticalAlign="middle">
                            <s:Label width="50" paddingLeft="0" text="Width:"/>
                            <s:Spacer width="100%" height="10"/>
                            <dialogs:NumericTextInput id="width_input" width="80" height="22"
                                                      valueChanged="docDimEdited(event)"/>
                        </s:HGroup>
                        <s:HGroup width="100%" verticalAlign="middle">
                            <s:Label width="50" paddingLeft="0" text="Height:"/>
                            <s:Spacer width="100%" height="10"/>
                            <dialogs:NumericTextInput id="height_input" width="80" height="22"
                                                      valueChanged="docDimEdited(event)"/>
                        </s:HGroup>
                        <s:HGroup width="100%" verticalAlign="middle">
                            <s:Label id="leadingLabel" paddingLeft="0" text="Leading (pt):"/>
                            <s:Spacer width="100%" height="10"/>
                            <dialogs:NumericTextInput id="leading_input" width="80" height="22"
                                                      valueChanged="docDimEdited(event)"/>
                        </s:HGroup>
                        <s:HGroup width="100%" verticalAlign="middle">
                            <s:Label id="correctLeadingLabel" paddingLeft="0" text="Applied Leading (pt):"/>
                            <s:Spacer width="100%" height="10"/>
                            <dialogs:NumericTextInput id="correctLeading_input" width="80" 
                                                      contentBackgroundColor="#EEEEEE" editable="false"/>
                        </s:HGroup>
                        <s:HGroup width="100%" verticalAlign="middle">
                            <s:Label id="charHeightLabel" paddingLeft="0" text="Character Height (pt):"/>
                            <s:Spacer width="100%" height="10"/>
                            <dialogs:NumericTextInput id="characterHeight_input" width="80"
                                                      height="22"
                                                      valueChanged="docDimEdited(event)"/>
                        </s:HGroup>
                        <s:HGroup width="100%" verticalAlign="middle">
                            <s:Label width="90" text="1st Image-line:"/>
                            <s:Spacer width="100%" height="10"/>
                            <dialogs:NumericTextInput id="firstImg_input" width="80" contentBackgroundColor="#EEEEEE" editable="false"/>
                        </s:HGroup>
                        <s:HGroup width="100%" verticalAlign="middle">
                            <s:Label id="hOffsetLabel" text="Horizontal Width (pt):"/>
                            <s:Spacer width="100%" height="10"/>
                            <dialogs:NumericTextInput id="horizOffset_input" width="80" 
                                                      contentBackgroundColor="#EEEEEE" editable="false"/>
                        </s:HGroup>
                        <s:HGroup width="100%" verticalAlign="middle">
                            <s:Label id="docImgLinesLabel" text="Document lines:"/>
                            <s:Spacer width="100%" height="10"/>
                            <dialogs:NumericTextInput id="docLines_input" width="80" editable="false" textMode="true"/>
                        </s:HGroup>

                        <s:HGroup width="100%" height="25" gap="6" verticalAlign="middle">
                            <s:Label width="72" text="Proportions:"/>
                            <s:RadioButton label="Width" id="widthProp_radio" selected="true" groupName="prop_radiogroup" />
                            <s:RadioButton label="Height" id="heightProp_radio" groupName="prop_radiogroup"/>
                            <s:Spacer width="100%" height="10"/>
                            <dialogs:NumericTextInput id="proportionInput" width="80" height="22"
                                                      keyDown="updateProportionsClicked(event)"
                                                      />
                        </s:HGroup>

                    </s:Panel>

这是它的样子（检查带有标签 1st image 的 HGroup ...或 Proportions HGroup

这是应用程序在正常情况下的外观

用户说屏幕不是视网膜显示器，所以我不知道这个案例出了什么问题，用户卸载并重新安装了应用程序并安装了最新的 Adob​​e AIR。