hideGroupingSeparatorOnFocus
prop causing cursor to jump to end of input when using quasar
#338
Labels
bug
Something isn't working
Vue Currency Input version
3.0.0
Vue version
3.2.31
What browser are you using?
Chrome
What operating system are you using?
Windows
Reproduction link
Quasar: https://codesandbox.io/s/using-vue-currency-input-with-quasar-veevalidate-forked-3hv067?file=/src/App.vue:106-143 and Raw HTML: https://codesandbox.io/s/vue-currency-input-vue-3-example-forked-8d8lii?file=/src/App.vue:79-116
Describe your issue
When setting the
hideGroupingSeparatorOnFocus
prop tofalse
with a Quasar input as shown in the examples, the cursor will jump to the end of the input box any time a grouping separator (a comma) is added or removed from the currency number.The expected behavior is seen in the link below. This is the simple HTML example from the examples page with the

hideGroupingSeparatorOnFocus
prop set tofalse
.https://codesandbox.io/s/vue-currency-input-vue-3-example-forked-8d8lii?file=/src/App.vue:79-116
You should be able to type at the beginning of the number and continue typing at the same place when the comma appears.
The actual behavior is seen in the link below. This is the Quasar example from the examples page with the only change being to

hideGroupingSeparatorOnFocus
prop set tofalse
.https://codesandbox.io/s/using-vue-currency-input-with-quasar-veevalidate-forked-3hv067?file=/src/App.vue:106-143
Unlike the previous example, when you type in the field, the cursor jumps to the end of the input as soon as a comma appears/disappears
As a side note, I'm not sure if this is part of the same issue or if it should be a separate issue, the same "cursor jumping" happens when typing directly after the decimal point with or without the

hideGroupingSeparatorOnFocus
being set:The text was updated successfully, but these errors were encountered: