flex-users mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From Fr├ęderic Cox <coxfrede...@gmail.com>
Subject Re: TextInput bug with soft keyboard (mobile)
Date Thu, 11 May 2017 16:42:17 GMT
Which skin are you using for the TextInput? The default spark textinput
skin? The mobile textinput skin? Or ScrollingStageTextInput ?

On Thu, May 11, 2017 at 5:20 PM, Erik J. Thomas <erik@linqto.com> wrote:

> I spent the better part of a day trying to solve for an annoying user
> experience with TextInput on mobile devices (Apple).
>
> If a TextInput or TextArea input field is located in the top 50% of the
> display area, and a setFocus() call on the input field is made, the soft
> keyboard displays and the input cursor is visible (all is well). But *if
> the input field is where it would be obscured by the soft keyboard (lower
> half of the display), Flex moves the content up so the input field is
> visible (nice feature), but the input cursor disappears.*
>
> I have tried many workarounds, all failing:
>
>
>    - Using callLater to call a function that sets the input focus a
>    second time.
>    - Listening for soft keyboard events and then setting input focus
>    again.
>    - Setting kludge timer to wait after the soft keyboard is activated
>    and set focus to the control again after waiting a variety of different
>    durations.
>
>
> My latest idea is to try scrolling the content up myself so I know the
> input field is visible BEFORE setting focus so the input cursor will always
> be visible, but operations on the scroller don't give me the ability to
> place the input field exactly above the soft keyboard. *Before I go down
> the road of firing an event from the ItemRenderer that the parent view with
> the scroller can react to I wondered if there is a known solution that's
> less work.*
>
> Anyone found a good workaround for this obvious bug in Flex (or perhaps
> AIR)? BTW, I ran into this bug the first time about 5 years ago and worked
> around it by placing input fields in the top 50% of the display area, but
> in this case, my content is scrolling so I cannot do that. I was surprised
> to see this bug has never been fixed.
>
> For more detail read on...
>
> My design is a Facebook-ish social app (for one view) with scrolling
> content:
>
>
>
>
> When the user taps Comment and the input field is in the lower half of the
> device's display area, Flex moves the content up enough for the input field
> to be visible above the soft keyboard, but the input cursor never displays:
>
>
> Thanks so much for your suggestions!
>
> Erik
>
>
>
>
>

Mime
  • Unnamed multipart/related (inline, None, 0 bytes)
View raw message