Editing a QInput with a mask forces the cursor to move to the end
See original GitHub issueWhat happened?
When editing a QInput that has mask
prop set, entering valid input forces the cursor to move to the end, making it really hard to edit inputs.
What did you expect to happen?
It should not force move the cursor to the end, but move the cursor one by one as it does in v1 and v2.5.5.
Reproduction URL
https://codepen.io/yusufkandemir/pen/MWrQxqN
How to reproduce?
- Go to the provided reproduction link
- Click on the first QInput.
- Move the cursor to the start or somewhere in the middle.
- Type some numbers.
- See that it moves the cursor to the end.
- Move the cursor to the start or somewhere in the middle.
- Type some letters.
- See that it doesn’t mutate the input and moves the cursor to the side by one character.
Flavour
UMD
Areas
Components (quasar)
Platforms/Browsers
Firefox, Microsoft Edge
Quasar info output
No response
Relevant log output
No response
Additional context
✅ v2.5.5: https://codepen.io/yusufkandemir/pen/BaJYEjM ✅ v1.18.9: https://codepen.io/yusufkandemir/pen/OJzQGRd
Issue Analytics
- State:
- Created a year ago
- Reactions:2
- Comments:6 (1 by maintainers)
Top Results From Across the Web
Cursor position when input mask is set [RESOLVED] - Get Help
When I click into a field with a standard or custom mask applied, the cursor jumps to the position I've clicked. Or to...
Read more >Using a field mask and forcing the cursor to the left
You can use createTextRange method in javascript to move cursor postion. Following function will help you to move position to start.
Read more >Cursor moves to end of text on mobile devices when using ...
I have tried Chrome, IE, Edge... Same thing. It occurs for some reason when I am trying to use the telephone number with...
Read more >Control data entry formats with input masks - Microsoft Support
Open the object in Design View, and click the field where you want to add the custom input mask. · Click the Build...
Read more >How to place cursor position at end of text in text input field ...
We can place the cursor at the end of the text in a text input element ... moveEnd(): It helps to move the...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
This issue got fixed in https://github.com/quasarframework/quasar/releases/tag/quasar-v2.7.0
could this please be prioritized a bit? it even affects the examples in the docs and seems like a non-trivial issue by now, as user input is really aggravated by this. thank you. ❤️