react-rangeslider icon indicating copy to clipboard operation
react-rangeslider copied to clipboard

Published 20 hours ago • verified publisher icon whoisandy

Rangeslider does not work well on mobile/touch devices

Open jbsmith731 opened this issue 7 years ago • 5 comments

Expected Behavior

The user should be able to move the slider handle on mobile without any scrolling of the screen.

Actual Behavior

When trying to move the slider the page scrolls and the slider value barely changes.

Steps to Reproduce Behavior

  1. Open https://whoisandy.github.io/react-rangeslider/ on a mobile device (the issue is more noticeable on vertical sliders).
  2. Try to slide/change the value of any rangeslider

jbsmith731 avatar Sep 28 '17 21:09 jbsmith731

on iOS 10 the range slider behaves very weird. When sliding, it extends the width of the whole page. on iOS 11 I can't move the drag button by dragging it, only by clicking on the slider.

nephix avatar Oct 24 '17 11:10 nephix

Same problem for me, the slider is not really usable on touch devices.

ou-di avatar Oct 30 '17 07:10 ou-di

Got the same problem, on mobile device, i have the same weird behavior, sometimes it blocks, sometimes it's smooth. So, up !

Ixeso avatar Jan 04 '18 16:01 Ixeso

Has anyone figured out a workaround for this? I'm looking at disabling page scroll while slider change is happening

butterpunk avatar Feb 26 '19 16:02 butterpunk

Any movement on this?

camdagr8 avatar May 04 '19 20:05 camdagr8