Possible DOM update issue with input type="range"

[ttntm]

Version

3.0.0

Reproduction link

https://codesandbox.io/s/range-slider-issue-2hmjd

Steps to reproduce

1. click “Show Modal” button
2. type something into input
3. see range slider jumping = correcting itself

What is expected?

Render/first tick displays range value correctly.

What is actually happening?

Range slider is jumping = correcting itself when onMounted produces the next tick.

---

See https://forum.vuejs.org/t/range-input-virtual-dom-update-sequence/104705 for further details and assumptions that could be hepful.

[posva]

We fixed this problem on Vue 2, so it makes sense to have it as well. I suppose min, max, and step have to be set before the value