[FLEX-34145] Mobile Theme: TextInput with layoutDirection="rtl" becomes mirror on focus out.

• Type: Bug
• Status: Resolved
• Priority: Major
• Resolution: Fixed
• Affects Version/s: Apache Flex 4.12.0
• Fix Version/s: Apache Flex 4.12.1
• Component/s: Spark: TextInput
• Environment: mobile project
• Assignee: Maurice Amsellem
• Reporter: Ori Segal
• Created: 14/Mar/14 12:20
• Updated: 01/May/14 21:32
• Resolved: 14/Mar/14 20:35

Description

After upgrading to version 4.12 TextInput component defined to be with RTL layoutDirection is mirroring the text after focus-out.
When typing the text looks OK, but when leaving the field the text becomes
LTR and in fact becomes mirror writing.
Note that it worked great on version 4.11.

Here is a video the that shows issue.
http://screencast.com/t/ekJnaDOZ6H

The following example can be used to demonstrate the issue -

<?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"
applicationDPI="160">
<s:TextInput layoutDirection="rtl" direction="rtl" />
</s:Application>

Issue Links

• relates to: FLEX-24502 Mobile optimized skins and item renderers don't show text when mirrored
• relates to: FLEX-33972 TextArea does not display Right to Left Text correctly on iOS 7