Mailing-List: contact users-help@flex.apache.org; run by ezmlm
Precedence: bulk
Reply-To: users@flex.apache.org
MIME-Version: 1.0
In-Reply-To: <F46316AE-57D3-43F8-A41D-CC17B79C1B1B@linqto.com>
References: <F46316AE-57D3-43F8-A41D-CC17B79C1B1B@linqto.com>
From: =?UTF-8?Q?Fr=C3=A9deric_Cox?= <coxfrederic@gmail.com>
Date: Thu, 11 May 2017 18:42:17 +0200
Message-ID: <CAKq7=4Et0uRzkuK6NzHNXxzozXUB0YDaUruaCF7qpiVH3Zv6dA@mail.gmail.com>
Subject: Re: TextInput bug with soft keyboard (mobile)
To: users@flex.apache.org
Content-Type: multipart/related; boundary=94eb2c0a6f269a33e0054f424569
archived-at: Thu, 11 May 2017 16:42:28 -0000

--94eb2c0a6f269a33e0054f424569
Content-Type: multipart/alternative; boundary=94eb2c0a6f269a33dd054f424568

--94eb2c0a6f269a33dd054f424568
Content-Type: text/plain; charset=UTF-8

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
>
>
>
>
>

--94eb2c0a6f269a33dd054f424568
Content-Type: text/html; charset=UTF-8
Content-Transfer-Encoding: quoted-printable

<div dir=3D"ltr">Which skin are you using for the TextInput? The default sp=
ark textinput skin? The mobile textinput skin? Or ScrollingStageTextInput ?=
</div><div class=3D"gmail_extra"><br><div class=3D"gmail_quote">On Thu, May=
 11, 2017 at 5:20 PM, Erik J. Thomas <span dir=3D"ltr">&lt;<a href=3D"mailt=
o:erik@linqto.com" target=3D"_blank">erik@linqto.com</a>&gt;</span> wrote:<=
br><blockquote class=3D"gmail_quote" style=3D"margin:0 0 0 .8ex;border-left=
:1px #ccc solid;padding-left:1ex"><div style=3D"word-wrap:break-word">I spe=
nt the better part of a day trying to solve for an annoying user experience=
 with TextInput on mobile devices (Apple).=C2=A0<br><div><br></div><div>If =
a TextInput or TextArea input field is located in the top 50% of the displa=
y 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 <b>if the inpu=
t field is where it would be obscured by the soft keyboard (lower half of t=
he display), Flex moves the content up so the input field is visible (nice =
feature), but the input cursor disappears.</b></div><div><br></div><div>I h=
ave tried many workarounds, all failing:</div><div><br></div><div><ul class=
=3D"m_-4483338148420445488MailOutline"><li>Using callLater to call a functi=
on that sets the input focus a second time.</li><li>Listening for soft keyb=
oard events and then setting input focus again.</li><li>Setting kludge time=
r to wait after the soft keyboard is activated and set focus to the control=
 again after waiting a variety of different durations.</li></ul><div><br></=
div><div>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 a=
lways be visible, but operations on the scroller don&#39;t give me the abil=
ity to place the input field exactly above the soft keyboard. <b>Before I g=
o down the road of firing an event from the ItemRenderer that the parent vi=
ew with the scroller can react to I wondered if there is a known solution t=
hat&#39;s less work.</b></div><div><br></div><div>Anyone found a good worka=
round for this obvious bug in Flex (or perhaps AIR)? BTW, I ran into this b=
ug the first time about 5 years ago and worked around it by placing input f=
ields in the top 50% of the display area, but in this case, my content is s=
crolling so I cannot do that. I was surprised to see this bug has never bee=
n fixed.</div><div><br></div><div>For more detail read on...</div><div><br>=
</div><div>My design is a Facebook-ish social app (for one view) with scrol=
ling content:</div><div><br></div><div><img id=3D"m_-4483338148420445488C94=
58C89-C689-419D-9376-6009501EC137" src=3D"cid:EB04A346-7661-4F2D-A5F3-D57FF=
5B1EE92"><br><div><br class=3D"m_-4483338148420445488webkit-block-placehold=
er"></div><div><br class=3D"m_-4483338148420445488webkit-block-placeholder"=
></div><div>When the user taps Comment and the input field is in the lower =
half of the device&#39;s display area, Flex moves the content up enough for=
 the input field to be visible above the soft keyboard, but the input curso=
r never displays:</div><div><br></div><div><img id=3D"m_-448333814842044548=
8A3F26194-246F-4D28-8E78-A897AAE6DAE8" src=3D"cid:FEBA243B-AEAD-41C8-9CA1-4=
7771ADEE569"></div><div><br></div><div>Thanks so much for your suggestions!=
</div><span class=3D"HOEnZb"><font color=3D"#888888"><div><br></div><div>Er=
ik</div><div><br></div><div><br></div><div><br></div><div><br></div></font>=
</span></div></div></div></blockquote></div><br></div>

--94eb2c0a6f269a33dd054f424568--

--94eb2c0a6f269a33e0054f424569--