the cursor jump to end position when edit the front of typed text about vue-the-mask HOT 16 CLOSED

Seems to only happen when v-model is set. A workaround might be setting :value="form" instead, then with v-on:input listen for changes and update your model that way. Feels a bit hacky though

from vue-the-mask.

I tried numerous other solutions for masks and there is almost nothing that solved the problem with the caret. The problem lies in how inputs work: if you change the value of an input programmatically it will move the caret to the end of the line, that's just how it works, v-model changes value programmatically hence why you can see the effect. As a scuffed solution you could do something like "fire on length" thing for your inputs and extend v-mask directive to operate the caret for you as in saving previous position etc.

from vue-the-mask.

Have you made any progress on this, I am experiencing a similar issue.
+1

from vue-the-mask.

Hi, got same problem with it

from vue-the-mask.

I've got this, it's terrible problem for user experience

from vue-the-mask.

Any solution?

from vue-the-mask.

same issue...
when I delete any letter on middle, the cursor goes to end

from vue-the-mask.

same here. Any solutions?

from vue-the-mask.

@solojazz is right, only happens when v-model is set, which I'd imagine is how many users wish to it. And agree, such a work around is hacky.

I'm honestly surprise this has not been fixed yet. Originally reported 2 years ago.

from vue-the-mask.

I'm getting the same or a similar issue on firefox. I believe it has something to do with the way vue re-renders controls?

from vue-the-mask.

Please fix :(

from vue-the-mask.

Help pls(

from vue-the-mask.

+1 same error. Still waiting for fix.

from vue-the-mask.

Any good workaround?

from vue-the-mask.

+1 Also waiting for a fix

from vue-the-mask.

I found the solution when I tried this package but I still keep testing it.

https://github.com/beholdr/maska

from vue-the-mask.