Skip to content

Horizontal scroll disabled on nested slider #59

@iamhosseindhv

Description

@iamhosseindhv

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

Metadata

Metadata

Assignees

Labels

No labels
No labels

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions