Skip to content

Support keyboard cursor move on iOS #17030

Description

@xster

On iOS, 3d force pressing and moving around on the keyboard moves the cursor in text fields. Recreate that effect for Flutter text fields.

Activity

  1. added
    frameworkflutter/packages/flutter repository. See also f: labels.
    on Jul 22, 2018
  2. lukepighetti commented on Aug 16, 2018

    @lukepighetti
    Contributor

    Started my closed alpha a couple weeks ago and this was the first complaint from iOS camp. It's ubiquitous for text editing on iOS now. Please support.

  3. matthew-carroll commented on Aug 18, 2018

    @matthew-carroll
    Contributor

    @xster I think the effect is as follows:

    Long press: Cursor appears at finger position and circle magnifier shows up. Left/right motion moves cursor.

    Long press then Force press: The current word is selected and the round magnifier shows up. Left/right motion expands selection to the left/right.

    Immediate force press: Seems to select the current word, elevate that word into a draggable, and then allow transposing of that word.

    Is this ticket aimed any one particular effect?

  4. matthew-carroll commented on Aug 18, 2018

    @matthew-carroll
    Contributor

    Talked with @xster. This ticket is about force touching the keyboard and then being able to drag around the keyboard and have the cursor in the active text field move around accordingly.

  5. added
    a: text inputEntering text in a text field or keyboard related problems
    engineflutter/engine related. See also e: labels.
    on Oct 23, 2018
  6. xster commented on Oct 23, 2018

    @xster
    MemberAuthor

    It's currently not in works for Q4 but we understand it's an important item.

  7. richgoldmd commented on Oct 23, 2018

    @richgoldmd

    The text editing experience is jarring on iOS - no magnifying glass and no 3D Touch . iOS users notice the missing features almost immediately.

  8. ykphuah commented on Oct 23, 2018

    @ykphuah

    Note also that in iOS12, the same effect can be started by long pressing on the spacebar.

  9. lukepighetti commented on Oct 23, 2018

    @lukepighetti
    Contributor

    @richgoldmd Whenever I show someone on iOS a flutter app they find this within 30 seconds of using the app.

  10. ykphuah commented on Oct 24, 2018

    @ykphuah

    Would be good if we know this is something that is technically possible or not.

    I noticed that the selection and the bubble when we have selected is "emulated" in the iOS, hence they appear slightly different than the default one from the OS. So it does felt like this cursor move thing can be supported as well eventually.

    It is very important for my text input heavy app though, and causing me to re-evaluate moving to native just because of this one issue.

  11. lukepighetti commented on Oct 24, 2018

    @lukepighetti
    Contributor

    I will say that I've moved my chat app to a PWA until Flutter can resolve emojis and text input on iOS.

  12. jslavitz commented on Nov 21, 2018

    @jslavitz
    Contributor

    @ykphuah – This feature is very much technically possible and will be added within the three weeks. We are extremely sorry for the delay!

  13. reopened this on Dec 14, 2018
  14. xster commented on Dec 14, 2018

    @xster
    MemberAuthor

    Reopening since the PR was reverted

  15. alexandergottlieb commented on Mar 18, 2019

    @alexandergottlieb

    Just wondering if there are plans to bring this to the numeric keyboard too? (TextInputType.numberWithOptions(...))

  16. bulldriver commented on Jul 28, 2020

    @bulldriver

    So what's the solution?

  17. lucien144 commented on Jul 30, 2020

    @lucien144

    This doesn't seem to be working. Is this in the current stable channel (v1.17) already?

  18. lukepighetti commented on Jul 30, 2020

    @lukepighetti
    Contributor

    This doesn't seem to be working. Is this in the current stable channel (v1.17) already?

    It definitely should be.

  19. lucien144 commented on Jul 31, 2020

    @lucien144

    @lukepighetti Doesn't look to me this is working. If I compare other native app with Flutter app, the cursor doesn't work same. The magnifying isn't there. Hasn't this been just reverted? #25352

  20. lukepighetti commented on Jul 31, 2020

    @lukepighetti
    Contributor

    This issue covers the use case where you force press on the keyboard and a cursor appears in the text field and you can move it around by moving your finger around on the keyboard.

  21. lucien144 commented on Jul 31, 2020

    @lucien144

    @lukepighetti Ok. Do you have any info regarding the floating cursor by any chance? Even though you can move the cursor now it still doesn't feel native to some of my users... Thanks.

  22. lukepighetti commented on Jul 31, 2020

    @lukepighetti
    Contributor

    You'll need to find or create another issue for unexpected text field functionality that isn't covered by this particular issue.

  23. krema commented on Mar 19, 2021

    @krema

    On iOS it is possible to tap-and-hold the spacebar and then move your finger around to move the text cursor in the text.
    This only works until you reach the point where the TextField has to be scrolled with the cursor.

    The tap-and-hold the text movement works by the way. The only thing not working is the tap-and-hold the spacebar movement?

  24. github-actions commented on Aug 4, 2021

    @github-actions

    This thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug, including the output of flutter doctor -v and a minimal reproduction of the issue.

  25. locked as resolved and limited conversation to collaborators on Aug 4, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    a: text inputEntering text in a text field or keyboard related problemsengineflutter/engine related. See also e: labels.frameworkflutter/packages/flutter repository. See also f: labels.p: cupertino_uicupertino_ui package in flutter/packagesplatform-iosiOS applications specifically

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions