Skip to content
This repository has been archived by the owner on Sep 5, 2024. It is now read-only.

gesture: android browsers touchmove #7856

Closed
devversion opened this issue Apr 2, 2016 · 1 comment
Closed

gesture: android browsers touchmove #7856

devversion opened this issue Apr 2, 2016 · 1 comment
Assignees
@devversion
Labels
browser: Android os: iOS This issue is specific to iOS pr: merge ready This PR is ready for a caretaker to review type: bug type: gestures

Comments

@devversion
Copy link
Member

I wanted to start a discussion for the gestures touchmove event.

At first, Android browsers are only triggering the touchmove event once.

  • This is weird, because for the drag gesture, we need as many touchmove events as possible.

This can be easily solved, by canceling the touchmove event (e.preventDefault())

So everything works very well, except for iOS, because iOS Browsers are disabling the native scroll behavior, when the touchmove event is cancelled.

So to summarize, these are the problems:

  • Other Touch Devices (platforms) disable the scroll behavior, when touchmove cancelled.

Related issues: #6174 #7311

Useful links:

cc. @EladBezalel @crisbeto @code-tree
@devversion devversion self-assigned this Apr 2, 2016
@devversion devversion added os: iOS This issue is specific to iOS browser: Android labels Apr 2, 2016
devversion referenced this issue in code-tree/material Apr 2, 2016
@code-tree
fix(gestures): Remove preventDefault as it disables scroll in iOS
78c0a93
devversion added a commit to devversion/material that referenced this issue Apr 2, 2016
@devversion
fix(gestures): detect touch action and provide polyfill.
b081a72 
* On non-android browsers, touchmove events were cancelled and native scroll was disabled as well.
* touchAction is supported by the most modern-browsers and drops the cancellation of the touchmove event
* If touchAction is not supported, then we're able to use the polyfill (cancelling the touchMove event)

Fixes angular#7856
@devversion devversion mentioned this issue Apr 2, 2016
Closed
devversion added a commit to devversion/material that referenced this issue Apr 2, 2016
@devversion
fix(gestures): detect touch action and provide polyfill.
d215b03 
* On non-android browsers, touchmove events were cancelled and native scroll was disabled as well.
* touchAction is supported by the most modern-browsers and drops the cancellation of the touchmove event
* If touchAction is not supported, then we're able to use the polyfill (cancelling the touchMove event)

Fixes angular#7856
@devversion devversion added the pr: merge ready This PR is ready for a caretaker to review label Apr 2, 2016
devversion added a commit to devversion/material that referenced this issue Apr 2, 2016
@devversion
fix(gestures): detect touch action and provide polyfill.
7da7628 
* On non-android browsers, touchmove events were cancelled and native scroll was disabled as well.
* touchAction is supported by the most modern-browsers and drops the cancellation of the touchmove event
* If touchAction is not supported, then we're able to use the polyfill (cancelling the touchMove event)

Fixes angular#7856
@devversion
Copy link
Member Author

Closing this for now, because there is no need for a discussion anymore.

Continuing with #7311

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees

@devversion devversion

Labels
browser: Android os: iOS This issue is specific to iOS pr: merge ready This PR is ready for a caretaker to review type: bug type: gestures
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@devversion