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

[mciesin]

Version

2.5.16

Reproduction link

https://jsfiddle.net/twyqL8k4/

Steps to reproduce

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

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.

---

The value of the input is correctly being updated when using v-model without .lazy modifier.

[haoqunjiang]

Can not reproduce on macOS 10.13.5 + Chrome 67.0.3396.87 / Safari 11.1.1 (13605.2.8).
Could you update issue description to include you operating system and browser version?

Misunderstood this issue at first glance. It is a bug.

[posva]

As a temporal workaround, you can do blur the input then focus it (I used a ref on the input)

if (name === 'Jacob') {
    this.$refs.input.blur()
    this.name = 'Joseph';
    await this.$nextTick()
    this.$refs.input.focus()
}

[mciesin]

Another workaround that suited me was to replace v-model with appropiate :value and @change :)

[rof20004]

To me this worked, I think is not a bug.

[tonyraoul]

According to a comment in sourcecode Focused element should never be updated.

From this bug it seems like it should, the update function will not be called unless user press enter or blur anyways it seems redundant to me.

[rof20004]

Well, to me worked, without changes or fixes.

[softlad45]

works well for me

[haoqunjiang]

The bug is introduced by this commit:
60da366

But reverting it will reopen #7153
The only fix that can solve both bugs is to revert that commit along with nextTick implementation. So now adding a "nextTick related" label

[tonyraoul]

sodatea please review my pr, no need to revert the entire commit just the restriction on updating lazy elements while focused