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.

Sign up for GitHub

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

Jump to bottom

Textfield component input cursor wrong position if text is very long #34835

Open
2 tasks done
lvergergsk opened this issue Oct 20, 2022 · 2 comments
Open
2 tasks done

Textfield component input cursor wrong position if text is very long #34835

lvergergsk opened this issue Oct 20, 2022 · 2 comments
Labels
component: text field This is the name of the generic UI component, not the React module! out of scope The problem looks valid but we won't fix it (maybe we will revisit it in the future) package: material-ui Specific to @mui/material

Comments

@lvergergsk
Copy link

Duplicates

  • I have searched the existing issues

Latest version

  • I have tested the latest version

Steps to reproduce 🕹

Steps:

  1. Go to https://mui.com/material-ui/react-text-field/
  2. Insert more than 10000 characters to any input, better 20000 to make error easy to realize.
  3. Make sure your cursor is at end of string.
  4. The cursor position does not align with the actual end of text.

Current behavior 😯

The cursor does not align with the text.

image

Expected behavior 🤔

The input cursor should align with the text.

Context 🔦

This error also occur in official doc website, therefore no context is needed apparantly.
If extra info need, I will reply in thread.

Your environment 🌎

Browser: chrome 106.0.5249.119（Official Build）64-bits
@lvergergsk lvergergsk added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Oct 20, 2022
@zannager zannager added the component: text field This is the name of the generic UI component, not the React module! label Oct 20, 2022
@oliviertassinari oliviertassinari added the package: material-ui Specific to @mui/material label Oct 20, 2022
@oliviertassinari oliviertassinari changed the title Textfield component input cursor wrong position if text is very long. Textfield component input cursor wrong position if text is very long Oct 20, 2022
@siriwatknp
Copy link
Member

I can reproduce but I wonder if this case would not be practical in a real-world scenario. I tried with a native HTML input and got similar behavior as well.

Screen.Recording.2565-10-21.at.14.20.18.mov

@siriwatknp siriwatknp added out of scope The problem looks valid but we won't fix it (maybe we will revisit it in the future) and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Oct 21, 2022
@siriwatknp
Copy link
Member

I marked this as "out of scope" but feel free to comment if anyone has a better idea.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
component: text field This is the name of the generic UI component, not the React module! out of scope The problem looks valid but we won't fix it (maybe we will revisit it in the future) package: material-ui Specific to @mui/material
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
4 participants
@oliviertassinari @siriwatknp @lvergergsk @zannager