From: Benjamin Auder Date: Fri, 19 Nov 2021 00:38:01 +0000 (+0100) Subject: Trying to prevent horizontal swipe effect on smartphones (Chrome) X-Git-Url: https://git.auder.net/doc/html/vendor/current/img/DESCRIPTION?a=commitdiff_plain;h=11625344340edd1519ef27b886c1f3b7b9b22804;p=xogo.git Trying to prevent horizontal swipe effect on smartphones (Chrome) --- diff --git a/base_rules.js b/base_rules.js index 5717276..a39cc0a 100644 --- a/base_rules.js +++ b/base_rules.js @@ -859,7 +859,7 @@ export default class ChessRules { // Touch screen, dragend touchLocation = e.changedTouches[0]; if (touchLocation) - return {x: touchLocation.pageX, y: touchLocation.pageY}; + return {x: touchLocation.clientX, y: touchLocation.clientY}; return [0, 0]; //Big trouble here =) } @@ -909,6 +909,9 @@ export default class ChessRules { e.preventDefault(); centerOnCursor(curPiece, e); } + else if (e.changedTouches && e.changedTouches.length >= 1) + // Attempt to prevent horizontal swipe... + e.preventDefault(); }; const mouseup = (e) => { @@ -949,6 +952,7 @@ export default class ChessRules { document.addEventListener("touchmove", mousemove, {passive: false}); document.addEventListener("touchend", mouseup, {passive: false}); } + // TODO: onpointerdown/move/up ? See reveal.js /controllers/touch.js } showChoices(moves, r) {