question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Editing a QInput with a mask forces the cursor to move to the end

See original GitHub issue

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

  1. Go to the provided reproduction link
  2. Click on the first QInput.
  3. Move the cursor to the start or somewhere in the middle.
  4. Type some numbers.
  5. See that it moves the cursor to the end.
  6. Move the cursor to the start or somewhere in the middle.
  7. Type some letters.
  8. 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

❌ v2.6.0: https://codepen.io/yusufkandemir/pen/MWrQxqN

Issue Analytics

  • State:closed
  • Created a year ago
  • Reactions:2
  • Comments:6 (1 by maintainers)

github_iconTop GitHub Comments

2reactions
yusufkandemircommented, Jun 1, 2022
1reaction
therealcoder1337commented, May 13, 2022

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. ❤️

Read more comments on GitHub >

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

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found