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

Horizontal scroll disabled on nested slider #59

Closed
iamhosseindhv opened this issue Feb 16, 2022 · 2 comments
Closed

Horizontal scroll disabled on nested slider #59

iamhosseindhv opened this issue Feb 16, 2022 · 2 comments
Assignees

Comments

@iamhosseindhv
Copy link

iamhosseindhv commented Feb 16, 2022

Thanks for the great library.

I have been using reach ui slider inside a RemoveScroll component, and on mobile touch devices (I've personally tested it on Safari), the touch event is disabled.

I've noticed this is also the case with a simple <input type="range" /> element nested inside RemoveScroll.

Steps to reproduce

  1. View link on a mobile device https://codesandbox.io/s/sharp-payne-fd1kfb?file=/src/App.tsx
  2. You won't be able to move the slider knob if RemoveScroll is enabled. (see gif below). When scroll lock is enabled, I'm unable to move the slider.

Here's a related issue: reach/reach-ui#678

RPReplay_Final1645012444

@theKashey
Copy link
Owner

Strange. #34 should have range inputs fixed.

@theKashey
Copy link
Owner

Range inputs were fixed for #64. 2.5.1+ version should have corrected behavior

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