Subscribe on changes!

Possible DOM update issue with input type="range"

avatar
Oct 7th 2020

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.

avatar
Oct 7th 2020

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