When the component first initializes, if you click on the components midpoint such that the value is 50, the onInput will fire but onChange will not, and the slider will move to the midpoint. After the first click, onChange fires as it should.
The use case where this arose was trying to update value on onChange, and value not updating if the user's first move after the component initialized was to click on the middle of the slider.
If you create this component:
When the component first initializes, if you click on the components midpoint such that the value is 50, the
onInput
will fire butonChange
will not, and the slider will move to the midpoint. After the first click,onChange
fires as it should.The use case where this arose was trying to update
value
ononChange
, andvalue
not updating if the user's first move after the component initialized was to click on the middle of the slider.