2-finger scroll with ms edge

[totaam]

As per Edge does not fire wheel events when scrolling using the 2-finger scroll gesture on a Precision Touchpad (well worth a read - some of the comments are pure gold).

Links:

• PointerEvent
• Touch events
• How can I access the precision touchpad pointer events releeased in edgeHTML 17
• Building a great touchpad experience for the web with Pointer Events
• Using Pointer Events
• The HTML5 Pointer Events API: Combining touch, mouse, and pen

[totaam]

On regular browsers, we see pairs of events:

new: pointermove PointerEvent {isTrusted: true, pointerId: 1, width: 1, height: 1, pressure: 0, …}
new: mousemove MouseEvent {isTrusted: true, screenX: 430, screenY: 238, clientX: 430, clientY: 109, …}

With ms edge when using two finger scrolling, we see just the pointermove.

[totaam]

2018-12-08 04:10:52: antoine uploaded file pointer.html (3.0 KiB)

javascript test page

[totaam]

2018-12-10 18:39:26: antoine uploaded file pointer.2.html (5.4 KiB)

updated test page

[totaam]

2018-12-10 20:26:46: antoine uploaded file pointer.3.html (1.5 KiB)

minimal example

[totaam]

Basic workaround merged in r21198.

Still TODO: make it an option so we can choose between "zoom" and "scroll" modes for the touchpad since we can't have both... and don't enable those workarounds unless we really need them (ie: other browsers don't).
That's because the touch-action attribute doesn't allow us to intercept scroll events without also intercepting zoom events.

The proper way to deal with this would be to forward all touch events to the server (#1615), without emulating a wheel event, so that the server could take the appropriate action based on the touch gesture.

Related: there are issues with uinput support (see #1611#comment:29) so we don't support "smooth scrolling" via uinput.

[totaam]

r21200 allows pointer events to bubble up, which allows most browsers to zoom anywhere, just not msedge..

[totaam]

r21208 adds a rather ugly top bar menu entry so that msedge users can choose between scrolling and zooming with touch events.

[totaam]

2018-12-13 19:41:39: maxmylyn commented

---

Essentially, I do not have access to a Windows 10 device with MS Edge installed to test with at this time. I'm working to update my Windows 10 tablet, but it looks like it's caught in a Microsoft catch 22:

Need disk space to update, so updates have hung.

This machine only has a 16GB Windows partition, and it's only got 3GB free and the only things I have installed on it are Google Chrome and FTL (A game totaling ~700MB).

I'll ponder this one for a bit. If this ticket is urgent, please pass it to Alex.

[totaam]

Essentially, I do not have access to a Windows 10 device with MS Edge installed to test with at this time.

It's not just msedge you need but a "precision touchpad" device.

[totaam]

2018-12-13 19:49:20: maxmylyn commented

---

Okay, in that case I don't think I own a single device that qualifies.

[totaam]

Fix for Firefox in r21510.

[totaam]

2019-02-07 14:50:00: antoine commented

---

I've kept this change in my local tree - but I'm not sure what for..

--- html5/css/client.css	(revision 21584)
+++ html5/css/client.css	(working copy)
@@ -7,7 +7,7 @@
 }
 
 div.window canvas {
-	touch-action: none;
+	touch-action: auto;
 }
 
 body.desktop {