n3r4zzurr0/react-range-slider-input

Controlled component moves weird when dragging whole range

Opened this issue · 1 comments

Dragging a whole range with a react controlled value causes the slider to move with a different speed than the mouse cursor. It looks fine when you move the slider fast, but when moving it slowly the slider "fly away" from the cursor.

You can see the effect in the sandbox demo in the "Controlled" component by dragging the whole slider slowly or fast. It does not happen for "Default" nor if you only drag one end. However, it does appear like the "Default" might be self correcting itself...

Tested in Chrome and Safari on Mac.

Yes, I can verify that this exists on Firefox on Mac as well, and on an iPhone.