You are viewing a plain text version of this content. The canonical link for it is here.

Posted to users@flex.apache.org by Evyatar Ben Halevi-Arbib <ev...@gmail.com> on 2014/03/13 09:13:33 UTC

Wrong TextInput RTL behavior after upgrading from 4.11 to 4.12

Hello,

After upgrading to version 4.12 TextInput component defined to be with RTL
direction 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.

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>

Thanks in advance,
Evyatar

Re: Wrong TextInput RTL behavior after upgrading from 4.11 to 4.12

Posted by Alex Harui <ah...@adobe.com>.

Ah, so this is with the mobile theme?  That's why I couldn't repro.  I'll
leave this for Maurice to handle.

-Alex

On 3/13/14 11:39 AM, "Maurice Amsellem" <ma...@systar.com>
wrote:

>4.12 uses a new skin that caches the native text as a bitmap when not in
>focus  (to better handle scrolling)
>4.11 did not do that.
>
>Can you try with another TextInput that uses 4.11 previous
>StageTextInputSkin skin class (the skin class is still there), to see if
>the  behavior is the same ?
>
>Maurice 
>
>-----Message d'origine-----
>De : Ori 007 [mailto:ori007@gmail.com]
>Envoyé : jeudi 13 mars 2014 19:09
>À : users@flex.apache.org
>Objet : Re: Wrong TextInput RTL behavior after upgrading from 4.11 to 4.12
>
>Actually it does not matter what language I write. English also get the
>same result.
>Another video attached
>
>http://screencast.com/t/ekJnaDOZ6H
>
>
>
>
>On Thu, Mar 13, 2014 at 8:00 PM, Ori 007 <or...@gmail.com> wrote:
>
>> Hi Alex
>>
>> Here is a video the that shows issue.
>> http://screencast.com/t/KRoaC9T5
>>
>> As you did, i added a second TextInput and when leaving the first one,
>> the text jumped to the left side and mirror the letters.
>> Please note that i'm using PC but I checked it on an android device
>> and it was the same.
>> Note that I write in Hebrew (Not Arabic).
>> Please be aware that the example includes the "layoutDirection"
>>property.
>>
>> <?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" foc />
>> <s:TextInput layoutDirection="rtl" direction="rtl" top="50" />
>> </s:Application>
>>
>> Thanks in advance,
>> Ori & Evyatar.
>>
>>
>>
>>
>> On Thu, Mar 13, 2014 at 6:42 PM, Alex Harui <ah...@adobe.com> wrote:
>>
>>> I couldn't reproduce, but I may simply not know how.
>>>
>>> I added a second TextInput to your example so there is something to
>>> change focus to that will cause a focusOut on the first TextInput.
>>> Then (on Mac), I ran the app, switched to Arabic, typed "abc" on my
>>> keyboard which caused 3 arabic letters to appear on the right side,
>>> and the second characters was to the left of the first and third
>>> character was to the left of the second.  Then I hit tab to focus the
>>> second TextInput and everything looked the same on the screen.
>>>
>>> -Alex
>>>
>>> On 3/13/14 1:13 AM, "Evyatar Ben Halevi-Arbib" <ev...@gmail.com>
>>> wrote:
>>>
>>> >Hello,
>>> >
>>> >After upgrading to version 4.12 TextInput component defined to be
>>> >with
>>> RTL
>>> >direction 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.
>>> >
>>> >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>
>>> >
>>> >Thanks in advance,
>>> >Evyatar
>>>
>>>
>>