search

react-component / slider

React Slider
https://slider.react-component.now.sh/
MIT License
3.05k stars 776 forks source link

Range slider jumps around on mobile #603

Open stubean opened 5 years ago

stubean commented 5 years ago

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

lyxverycool commented 4 years ago

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

michaelcsilva commented 4 years ago

I see this behavior too, mostly on iOS.

scarletks1214 commented 4 years ago

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...

IsaacCalligeros commented 4 years ago

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.

L-Chris commented 3 years ago

Any work around?

IsaacCalligeros commented 3 years ago

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.

L-Chris commented 3 years ago

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

shivamragnar commented 2 years ago

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

Enteleform commented 2 years ago

Same issue here.

ninjarogue commented 2 years ago

Any updates... ?

dasl- commented 2 years ago

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",