[FLEX-20478] [TLF 2384296] Selecting text in Spark NumericStepper is tricky if textAlign is right

• Type: Bug
• Status: Closed
• Priority: Minor
• Resolution: Fixed
• Affects Version/s: Adobe Flex SDK Previous
• Component/s: Spark: NumericStepper
• Environment: Affected OS(s): All OS Platforms; Language Found: English
• Assignee: Adobe JIRA
• Reporter: Adobe JIRA
• Created: 04/Aug/09 14:46
• Updated: 15/Apr/11 15:07
• Resolved: 25/Feb/10 11:32

Description

Found in 4.0.0.9027.

Steps to reproduce:
1. Compile and run the following MXML code:

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/halo">

<s:VGroup left="10" top="10">
<s:SimpleText text="Spark:" fontWeight="bold" />
<s:NumericStepper id="ns" maximum="12345678900" textAlign="right" width="50" value="1324567890" />
<s:TextInput id="ti" text="1234567890" width="50" textAlign="right" />
<s:SimpleText text="

{ns.value}

" />
<mx:HRule width="100%" />
<mx:Label text="Halo:" fontWeight="bold" />
<mx:NumericStepper id="ns2" maximum="12345678900" textAlign="right" width="50" value="1324567890" />
<mx:TextInput id="ti2" text="1234567890" width="50" textAlign="right" />
<mx:Label text="

{ns2.value}

" />
</s:VGroup>

</s:Application>

2. Use the keyboard to select the text in the Spark NumericStepper (drag left-to-right).

Actual Results:
Because the NumericStepper is narrow, all the text runs right off the screen and you're looking at an empty NumericStepper TextInput field.

Expected Results:
The Halo NumericStepper/TextArea stopped with text on the right edge. It seems the Spark TextInput/NumericStepper adds a bit more padding which is impacting NUmericStepper.

Workaround (if any):
a) Dont set textAlign.
b) Make sure your NumericStepper is 80+ pixels.