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

touch-action: scroll || scroll-x || scroll-y #211

appsforartists opened this issue May 25, 2017 · 1 comment


None yet
3 participants
Copy link

commented May 25, 2017

A common interaction pattern that is not well-addressed by the pointer events spec is overscroll; that is, trying to scroll beyond the bounds of a scroll pane. For instance, dragging a message in Inbox adjusts the scroll position until it's 0. Dragging further will begin a gesture to close the message (while leaving scroll position at 0). Another common example is pull-to-reload. These interactions aren't straightforward to achieve with the current spec.

Would it be possible to introduce a new touch-action mode and behaves like pan-{x,y} does now, except it sends pointer events for overscroll?

  • scrollY = 100
  • User places finger at { 200, 200 } and drags finger down by 110px
  • For the first 100px, scrolling happens normally. No pointer events are dispatched.
  • When the user scrolls past scrollY === 0, pointerdown is dispatched with { pageX: 200, pageY: 300 }
  • pointermove is dispatched every frame until the pointer is lifted.
  • pointerup is dispatched at { pageX: 200, pageY: 310 }

This comment has been minimized.

Copy link

commented May 13, 2019

@appsforartists would overscroll/scrollend events here would solve the issue here? If so you might want to take a closer look and suggest any modifications there in these early stages.

@NavidZ NavidZ self-assigned this May 15, 2019

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.