slider icon indicating copy to clipboard operation
slider copied to clipboard

Range slider jumps around on mobile

Open stubean opened this issue 6 years ago • 11 comments

On iPhone(version 13.2) and Android(version 10), when you quickly move the slider it will sometimes snap the just moved marker to a previous position. In the gif below, I'm on the example site for this component and I move the marker to the 14% step and it will snap back to 13%.

rc-slider jumping

stubean avatar Nov 08 '19 15:11 stubean

Yes, I also encountered the same problem. If pressing force is more likely to happen, does anyone have a solution?

lyxverycool avatar Dec 06 '19 04:12 lyxverycool

I see this behavior too, mostly on iOS.

michaelcsilva avatar May 15 '20 12:05 michaelcsilva

On iOS, the slider is not working correctly. (handler is jumping to another point of value) I tried a react-range library and it goes the same. Please provide me solutions or any work around...

scarletks1214 avatar Aug 19 '20 08:08 scarletks1214

I've been having this issue too did anyone find a solution to this or a slider that works? had the same issue with a few others I tried.

IsaacCalligeros avatar Oct 26 '20 06:10 IsaacCalligeros

Any work around?

L-Chris avatar May 06 '21 08:05 L-Chris

Any work around?

I couldn't get anything working with this library or many others. I ended up going with https://github.com/mmarkelov/react-nouislider I ran into some issues with the noui-slider call backs being a bit slower to render changes than other libraries and had to debounce them but other than that it worked well.

IsaacCalligeros avatar May 07 '21 04:05 IsaacCalligeros

Any work around?

I couldn't get anything working with this library or many others. I ended up going with https://github.com/mmarkelov/react-nouislider I ran into some issues with the noui-slider call backs being a bit slower to render changes than other libraries and had to debounce them but other than that it worked well.

I solved by removing mousedown event from source code. I find it triggers a unnessary mousedown event that caused to this issue. /src/common/createSlider.tsx 340 line

L-Chris avatar May 07 '21 07:05 L-Chris

This is a really weird issue, any updates on this ?

shivamragnar avatar Nov 25 '21 09:11 shivamragnar

Same issue here.

Enteleform avatar Dec 21 '21 07:12 Enteleform

Any updates... ?

ninjarogue avatar Jan 27 '22 17:01 ninjarogue

Today I tried using version 10.0.0-alpha.5. I noticed that this bug appears to be fixed in that version. I am not sure which is the first version where this bug was fixed. You can update package.json like so: "rc-slider": "10.0.0-alpha.5",

dasl- avatar Mar 21 '22 03:03 dasl-