Input [v-model & type=number] is truncated when (unrelated) DOM update happens. #4392
Labels
Comments
|
When input gets focused and the user is inputing something, the input value property should not be updated. I'll make a patch. |
|
The same problem with trim modifier, I'll try to fix it together. |
|
Hey @patrickb1991 , sorry for the potential problems this have caused in your app. Before a new release is out, you can build Vue from the dev branch locally to see if it fixes your issue. |
|
No problem @yyx990803! Thanks for your great work and the fast fix. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Vue.js version
v2.1.3
Reproduction Link
http://jsfiddle.net/1y2nk1L9/5/
Steps to reproduce
Enter a number with some zeros after the comma into a type="number" input field, while Vue performs some page rendering in the background with (unrelated) variables of the same component.
What is Expected?
Entering a number like 1.00001 works without issues.
What is actually happening?
Every time Vue triggers a DOM change all v-model input fields are "re-rendered" ("0.000" -> "0") which makes it impossible to enter decimal numbers that contain zeros in busy components. While this sounds like a minor issue it is a huge problem, since the entered number could be completely wrong. Imagine entering 1.00345, but the input is silently changed to 1345. This has already led to some serious trouble in our (financial) Vue application.
The text was updated successfully, but these errors were encountered: