nextend/edge.md

## edge.md

      
    Raw
  

              edge.md
            
          
    @edit: the original posts markdown is messed up
Here is the official documentation how PTP Pointer events should work in Edge: https://blogs.windows.com/msedgedev/2017/12/07/better-precision-touchpad-experience-ptp-pointer-events/
The example in the article - touch-action: none;

<canvas height=400 width=400 id="canvas" style="touch-action: none;"></canvas>
document.getElementById('canvas').addEventListener('pointermove', function(event) {
  console.log('pointermove!');
});

Touchscreen

When I swipe vertically on the area, the page won’t scroll away. <-- works as expected
When I swipe horizontally on the area, the page is not going back and forward <-- works as expected
Precision Touchpad (PTP)

When I swipe vertically on the area, the page won’t scroll away. <-- works as expected
When I swipe horizontally on the area, the page is not going back and forward <-- works as expected
touch-action: pan-y;

<canvas height=400 width=400 id="canvas" style="touch-action: pan-y;"></canvas>
document.getElementById('canvas').addEventListener('pointermove', function(event) {
  console.log('pointermove!');
});

Touchscreen

When I swipe vertically on the area, the page scroll away. <-- ==works as expected==
When I swipe horizontally on the area, the page shouldn't go back and forward <-- ==works as expected==
Precision Touchpad (PTP)

When I swipe vertically on the area, the page scroll away. <-- ==works as expected==
When I swipe horizontally on the area, the page goes back and forward <-- ==ERROR: touch-action: pan-y means that only that action is allowed to the browser and other actions handled by the website.==
touch-action: pan-x;

<canvas height=400 width=400 id="canvas" style="touch-action: pan-x;"></canvas>
document.getElementById('canvas').addEventListener('pointermove', function(event) {
  console.log('pointermove!');
});

Touchscreen

When I swipe vertically on the area, the page won’t scroll away. <-- ==works as expected==
When I swipe horizontally on the area, the page goes back and forward <-- ==works as expected==
Precision Touchpad (PTP)

When I swipe vertically on the area, the page scroll away. <-- ==ERROR: the page shouldn’t scroll away==
When I swipe horizontally on the area, the page goes back and forward <-- ==works as expected==