drag on ios pulls page

[robwelan]

Hi, when I have roundy on iOS, and the page is longer than the screen, dragging the thumb drags the page (not the thumb). Please enhance so that dragging the thumb has no affect on page. thanks!

Update: I was able to resolve my problem by doing a couple of things: 1: create a wrapping div around roundy, and add this css to the assigned class:

<div className="wrap-roundy"><Roundy {...} /></div>

.wrap-roundy {
  touch-action: none;
  -webkit-touch-action: none;
  -webkit-overflow-scrolling: touch;
}

2. I also modified the thumb and roundy itself like this (I am yet to determine what is redundant):

div.sc-AxjAm.eiuaRt.roundy {
  touch-action: none;
  -webkit-touch-action: none;
  -webkit-overflow-scrolling: touch;
}

.eiuaRt .sliderHandle {
  cursor: pointer;
  touch-action: none;
  -webkit-touch-action: none;
  -webkit-overflow-scrolling: touch;
}

.eiuaRt .sliderHandle::after {
  cursor: pointer;
  right: -10px;
  top: -5px;
  touch-action: none;
  -webkit-touch-action: none;
  -webkit-overflow-scrolling: touch;
}

[themre]

Hi, thanks for reporting this. I was away for a while and will take a look in these days. I will also try to find some iOS device to test this behaviour.