Touch interactions result in scrolling on Firefox for Android
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 12.4k
- Forks
- 2.4k
- PR merge metrics
- No merged PRs in 30d
Description
This _may_ be a Firefox bug, but Mapbox maps are the only place I've experienced this issue.
**mapbox-gl-js version**: 2.0.0
**browser**: Firefox for Android (v84.1.1)
### Steps to Trigger Behavior
1. Open a map
2. Try to pinch zoom, tilt, or rotate with multi-finger touch gestures
3. Observe the page trying to scroll instead of handling the correct action
### Link to Demonstration
https://user-images.githubusercontent.com/4516305/102820903-526efd80-43d6-11eb-9222-7ad92ef89067.mp4
Different map, same problem: https://api.mapbox.com/styles/v1/zerosixzero/ckdsyyfva0ciy19o2frbl0cjq.html?fresh=true&title=view&access_token=pk.eyJ1IjoiemVyb3NpeHplcm8iLCJhIjoiSDBJTFVEdyJ9._rmi2RlD2Rl-ncIqrdoYKg#14/37.2686/-112.9425
### Expected Behavior
I can zoom and change pitch without the page trying to scroll.
### Actual Behavior
The page scrolls, the map flashes and jumps rapidly.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reproducing the issue in mapbox-gl-js 2.0.0 on Firefox for Android v84.1.1 using pinch zoom, tilt, and rotation gestures. Compare the page scrolling and map jumping with the expected behavior: multi-finger gestures should be handled by the map without scrolling the page.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100