Adobe Community: iOS TextInput cursor and content show through title bar and other UI elements

Currently Being Moderated

1. DanHumphrey,

Sep 22, 2011 3:13 PM in reply to DanHumphrey

Report

Can anyone confirm this behaviour or whether it is fixed in 4.6 so I can raise a bug if not.

|

Mark as:

Currently Being Moderated

2. kraikit,

Oct 18, 2011 2:55 PM in reply to DanHumphrey

Report

Hi Dan,

Please go ahead and file a bug on this.

Thanks,

-- Tom

|

Mark as:

Currently Being Moderated

3. DanHumphrey,

Oct 18, 2011 6:17 PM in reply to kraikit

Report

Done - bug id is 3005426

|

Mark as:

Currently Being Moderated

4. AS2Xtreme,

Dec 1, 2011 10:38 PM in reply to DanHumphrey

Report

Hey Dan!

I had the same problem and afortunately I found this is caused by the new StageText that is enabled by default on Flex 4.6. If you want to get rid of this bug a workaround is to write on each textinput to use the skin from previous sdk 4.5.1 ( in the mxml ):

skinClass="spark.skins.mobile.TextInputSkin"

Obviously I dont understand how the StageText is going to be usefull if you cant use it in a scroller container. Current constelation would only let you use the Stage text in a bug-free status when you use a non-scrollable screen and that means you just have the half of the screen to display textinputs otherwise they will be overlayed by the softkeyboard.

Hope this helps and hopefully this will be of interest for adobe or whoever is going to take care of this in the future :S

|

Mark as:

Currently Being Moderated

5. DanHumphrey,

Dec 4, 2011 6:21 PM in reply to AS2Xtreme

Report

Hi,

Thanks for posting and sorry for the slow reply.

Your suggestion will only make a difference on Android - iOS had this bug in 4.5.*, so reverting to the older skin will make no difference on this OS.

Adobe suggest not scrolling forms if you want to support iOS or use the new StageText features - the suggested workaround of wizard forms is unacceptable for my use case and a scrolling form is a common UI pattern on mobile, so I'm experimenting with the following:

1. Use CSS to apply the old TextInputSkin

2. I monitor the soft keyboard events and maintain a 'isKeyboardVisible' property in my views.

3. I register event handlers on the scroller viewport and set stage.focus to null if my keyboard is currently active and the user attempts to scroll.

This works and prevents the artifacts from showing through the UI, I just need to find the perfect events.. property change is no good, so I'm playing with mouse and touch events.

Regards,

Dan

|

Mark as:

Currently Being Moderated

6. hferreira.80@gmail.com,

Dec 12, 2011 3:28 AM in reply to DanHumphrey

Report

I have migrated my app from Flex 4.5.1 to Flex 4.6 and the TextInput click event was broken so I do this «

skinClass="spark.skins.mobile.TextInputSkin" » and all seems work (tested in my Android and seems ok) but one user with iPhone complained that now the keyboard dont popup ?

Please help !

|

Mark as:

Currently Being Moderated

7. hferreira.80@gmail.com,

Dec 12, 2011 5:22 AM in reply to hferreira.80@gmail.com

Report

This also happens with the TextArea that my use the skin spark.skins.mobile.TextAreaSkin

|

Mark as:

Currently Being Moderated

8. DanHumphrey,

Dec 12, 2011 5:08 PM in reply to hferreira.80@gmail.com

Report

Your issue is unrelated to the iOS Form Scrolling bug.

You'll likely get a (better) response if you find an associated topic or start a new topic - FWIW though, when using the skin TextInputSkin, the iOS keyboard does work, so you may have a bug in your code - try posting a small test case or example.

|

Mark as:

Currently Being Moderated

9. pol2095,

Oct 29, 2012 1:45 AM in reply to DanHumphrey

Report

I have the same problem with skinClass="spark.skins.mobile.TextInputSkin" or StageText, when a form is contained within a scroller, it is possible to scroll the content whilst the softkeyboard is displayed and the input element retains focus - on iOS, this causes the cursor and the text to show through UI elements on iOS such as the titlebar content.

Has anyone come up with a workaround ?

thanks

|

Mark as:

Flex

iOS TextInput cursor and content show through title bar and other UI elements

Sep 21, 2011 4:21 PM

More Like This

Bookmarked By (0)

Answers + Points = Status