Vue: First letter disapears with textarea v-model.lazy and @input

[kessiacastro]

Version

2.4.2

Reproduction link

https://jsfiddle.net/kessiacastro/gn9w320q/

Steps to reproduce

When anything is typed in a textarea with v-model.lazy and @input event checking the e.target.value the first letter typed disapears of the textarea. It also happens when using @keydown event.

What is expected?

The typed message should appear normally in the textarea.

What is actually happening?

Only the first letter disappears in the text area.

[jkzing]

It's more like an expected behavior and that's how .lazy works: the change event will only fire when textarea loses focus.

More specific in your repro code: when type in any character, input event fired, and this.disableButton = e.target.value === '' get executed and which caused a re-render. In that re-render, vue does render value of message into textarea, which is still empty till then because change event never fired during this process.

[posva]

~It looks like the template compilation is adding too many things.~

edit: ~I think~ @jkzing is right, it's happening because of the re render...

[posva]

Closing because it's working as expected, it's an edge case though
You can workaround by putting the texarea into a component: https://jsfiddle.net/5nfqd4e8/