On Microsoft touch devices (such as the Surface Pro), on Chrome and IE it is possible to capture mouse/pointer/touch events, and in the process, prevent scrolling the page.
On Firefox, getting the same level of activity while stopping the page from scrolling with the touch seems impossible. You can stop the page from scrolling by preventing "wheel":
can.addEventListener('wheel', function(e) {
console.log('stopping wheel')
e.preventDefault();
}, false);
But Firefox does not seem to emit mouse/pointer/touch events that you can listen for, so you cannot do the same actions.
There's a live example here:
https://codepen.io/simonsarris/pen/PJwMay
With touch on a Surface: You can draw on the canvas in Chrome and IE, but you cannot draw on it in Firefox. If you comment out the "wheel" listener, Firefox will additionally scroll the page.
So the question is: What is needed to get HTML Element touch interactivity in Firefox, on parity with the other browsers on the system?