Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

v-model.lazy is not updating the value of an input when it has a focus #6564

Closed
Ryokusitai opened this issue Aug 30, 2022 · 4 comments · Fixed by #8547
Closed

v-model.lazy is not updating the value of an input when it has a focus #6564

Ryokusitai opened this issue Aug 30, 2022 · 4 comments · Fixed by #8547
Labels
🔨 p3-minor-bug Priority 3: this fixes a bug, but is an edge case that only affects very specific usage. 🐞 bug Something isn't working scope: v-model

Comments

@Ryokusitai
Copy link

Vue version

after 3.2.0-beta.5

Link to minimal reproduction

https://jsfiddle.net/jtsacqey/24/

Steps to reproduce

  1. Type Jacob into the input.
  2. Hit enter.

same as vuejs/vue#8346

What is expected?

Value property of the input element should be changed to Joseph, as was the value of the name property in the Vue instance.

What is actually happening?

Value property of the input element is not being changed.

System Info

No response

Any additional comments?

The value of the input is correctly being updated when using v-model without .lazy modifier.
3.2.0-beta.4 does not have this bug.
This bug occurs since 3.2.0-beta.5.

@LinusBorg LinusBorg added 🐞 bug Something isn't working 🔨 p3-minor-bug Priority 3: this fixes a bug, but is an edge case that only affects very specific usage. scope: v-model labels Aug 30, 2022
@joaovinicius
Copy link

Works

Vue version

after 3.2.0-beta.5

Link to minimal reproduction

https://jsfiddle.net/jtsacqey/24/

Steps to reproduce

  1. Type Jacob into the input.
  2. Hit enter.

same as vuejs/vue#8346

What is expected?

Value property of the input element should be changed to Joseph, as was the value of the name property in the Vue instance.

What is actually happening?

Value property of the input element is not being changed.

System Info

No response

Any additional comments?

The value of the input is correctly being updated when using v-model without .lazy modifier. 3.2.0-beta.4 does not have this bug. This bug occurs since 3.2.0-beta.5.

I tested and works for me

@Ryokusitai
Copy link
Author

Ryokusitai commented Sep 8, 2022

@joaovinicius
Works fine for focusout, such as tabbing and clicking elsewhere.
However, if you type Jacob and press Enter, the characters in the input element will still be Jacob.

I use Google Chrome 104.0.5112.102

@joaovinicius
Copy link

@joaovinicius Works fine for focusout, such as tabbing and clicking elsewhere. However, if you type Jacob and press Enter, the characters in the input element will still be Jacob.

I use Google Chrome 104.0.5112.102

No, works fine for me
Recording 2022-10-07 at 16 47 54

@Ryokusitai
Copy link
Author

@joaovinicius
I'm sorry, my explanation was not good.
It's the input element that doesn't work properly The div element works correctly.
It is correct that the text of the input element is also "Joseph".
2022-10-13_04h23_15

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
🔨 p3-minor-bug Priority 3: this fixes a bug, but is an edge case that only affects very specific usage. 🐞 bug Something isn't working scope: v-model
Projects
None yet
3 participants