Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

drag on ios pulls page #28

Open
robwelan opened this issue Jul 9, 2020 · 1 comment
Open

drag on ios pulls page #28

robwelan opened this issue Jul 9, 2020 · 1 comment

Comments

@robwelan
Copy link

robwelan commented Jul 9, 2020

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;
}
  1. 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
Copy link
Owner

themre commented Jul 24, 2020

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants