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

[BUG] Reorder components break touch page scrolling when using drag handles #1341

Closed
sbesh91 opened this issue Nov 8, 2021 · 0 comments · Fixed by #1363
Closed

[BUG] Reorder components break touch page scrolling when using drag handles #1341

sbesh91 opened this issue Nov 8, 2021 · 0 comments · Fixed by #1363
Labels
bug Something isn't working

Comments

@sbesh91
Copy link

sbesh91 commented Nov 8, 2021

1. Describe the bug
When using the Reorder components on a page that scrolls, the touch-action: pan-x does not allow scrolling on a touch screen device.

2. IMPORTANT: Provide a CodeSandbox reproduction of the bug
https://codesandbox.io/s/reorder-touch-scrolling-bug-example-dnuj0?file=/src/App.tsx

3. Steps to reproduce

Steps to reproduce the behavior:

  1. Go to the code sandbox provided on a browser that can emulate touch controls
  2. Start the browser touch emulation
  3. Try to scroll the list on the code sandbox with a touch drag up or down

4. Expected behavior
Ideally this would scroll the list when a reorder list is using drag handles for drag interactions

5. Environment details
So far, Firefox, Chrome, and Safari can all reproduce this

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant