[FLEX-17023] CheckBox displays cut-off text, if textIndent style property is non-zero

• Type: Bug
• Status: Open
• Priority: Major
• Resolution: Unresolved
• Affects Version/s: Adobe Flex SDK Previous
• Component/s: mx: CheckBox
• Environment: Affected OS(s): Windows; Affected OS(s): Windows XP; Browser: Firefox 2.x; Language Found: English
• Assignee: Unassigned
• Reporter: Adobe JIRA
• Created: 05/Jan/09 07:49
• Updated: 10/May/11 11:17

Description

Steps to reproduce:
1. Create a Checkbox
2. Set the "textIndent" style to a positive number

Actual Results:

• the checkbox's label appears cut-off on the right side

Expected Results:

• would expect all text to appear even with an indent set

Workaround (if any):

• either use no indent, or add blank spaces to the end of the checkbox.label textstring.

Attached files include source code, and screen capture. The sample app shows 2 checkboxes, one with an indent, the other with no indent, so that you can compare the differences.

Here is the code inline:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
creationComplete="initApp()" layout="absolute">

<mx:Script>
<![CDATA[

private function initApp():void

{ checkbox1.label = "test_Label_Checkbox"; checkbox2.label = "test_Label_Checkbox2"; }

]]
>

</mx:Script>
<mx:Style>

CheckBox

{ textIndent: 7; fontFamily: Verdana; fontSize: "24"; color: #333333; }

.checkBoxNoIndent

{ textIndent: 0; }

</mx:Style>

<mx:HBox x="27" y="57" width="100%" height="167">
<mx:CheckBox id="checkbox1"/>
<mx:CheckBox id="checkbox2" styleName ="checkBoxNoIndent"/>
</mx:HBox>

</mx:Application>