Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Textfield] multiline: correct cursor positioning on click in padding-area #23928

Open
2 tasks done
FranBran opened this issue Dec 10, 2020 · 3 comments
Open
2 tasks done
Labels
component: text field This is the name of the generic UI component, not the React module!

Comments

@FranBran
Copy link

  • The issue is present in the latest release.
  • I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior 😯

When clicking the padding-area, the cursor jumps to the last known cursor position

multiline

Expected Behavior 🤔

When clicking the padding-area, the cursor jumps to the nearest position like it does for single-line textfields

singleline

Your Environment 🌎

can be reproduced on demo site with e.g. Firefox 81

@FranBran FranBran added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Dec 10, 2020
@oliviertassinari oliviertassinari added component: text field This is the name of the generic UI component, not the React module! and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Dec 10, 2020
@oliviertassinari
Copy link
Member

oliviertassinari commented Dec 10, 2020

We had a similar topic about caret position a #23096. But it seems different. Currently the padding structure yields the following scroll outcome:

Capture d’écran 2020-12-10 à 20 07 10

We could potentially change it to:

Capture d’écran 2020-12-10 à 20 07 03

Notice that the top & bottom is the same (we can't change it), it's not perfect but it's already an improvement.

I think that if we decide to spend time on this, we might as well explore #22544 (comment).

@Austin1serb
Copy link

This issue still exists, and I would love to try and fix it

@KaiValar
Copy link

This happens to me too, but just in Firefox. In others browsers (Chrome, Safari, Edge, etc.) works as expected.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: text field This is the name of the generic UI component, not the React module!
Projects
None yet
Development

No branches or pull requests

4 participants