VGroup を含むスパーク ウィンドウがあります。VGroup 内には、いくつかの HGroup があります。styleName が「toastBody」であるラベルで、そのテキストが長すぎると、「x」closeButton がコンポーネントの右端から押し出され、テキストも右端からはみ出してしまいます。これは、VGroup の左、上、右を設定し、ラベルで paddingRight を 10 に設定したにもかかわらずです。
<s:VGroup minHeight="0"
left="16" top="12" right="4">
<s:HGroup width="100%" gap="45">
<s:Label styleName="toastTitle"
id="titleLabel" width="100%" />
<s:Button skinClass="skins.ToastCloseButtonSkin" id="closeButton"
buttonMode="true" useHandCursor="true"/>
</s:HGroup>
<s:HGroup>
<s:BitmapImage left="10" top="16"
source="assets/iconChatBubbleToastMsg.png" id="chatIcon"/>
<s:Label styleName="toastBody"
id="bodyLabel"
paddingRight="10"/>
</s:HGroup>
</s:VGroup>
どうすればこれを修正できますか?