Use pointer events for interaction in supported browsers

[joedjc]

mapbox-gl-js version: 0.51.3

browser: Microsoft Edge 44.17763.1.0

Steps to Trigger Behavior

1. Scroll the map using a precision touchpad laptop (e.g. Dell XPS, HP Spectre etc.)

Expected Behavior

Map should zoom on scroll

Actual Behavior

Map doesn't scroll.

We believe this is related to this Microsoft Edge issue https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/7134034/

However, we noticed that Google Maps, Leaflet etc do seem to work so there must be a way of addressing the issue. Microsoft are re-building Edge as a Chronium based browser which may fix it - but it's going to be some time before it's in common use.

We'd be interested to get your view on whether there's a way to make this work in current versions of Edge?

[lukejack]

I'm able to reproduce this issue on a Lenovo Thinkpad

[mourner]

Thanks for the report! Wow, that MS issue thread is impressive. So, as far as I understand, the only way to fix this for us would be to switch from wheel/mouse events to pointer-events in supported browsers (currently all modern browsers except Safari for iOS/macOS & Firefox for Android).

This can provide additional benefits — potentially more precise control, better input performance, better compatibility with various unconventional input devices. However, it might be a significant lift. We should definitely look into this.

[mourner]

Related issue that would also get fixed if we go with pointer events: #1928

[asheemmamoowala]

Closing as Edge has switched over to a different rendering engine.