From 11625344340edd1519ef27b886c1f3b7b9b22804 Mon Sep 17 00:00:00 2001 From: Benjamin Auder Date: Fri, 19 Nov 2021 01:38:01 +0100 Subject: [PATCH] Trying to prevent horizontal swipe effect on smartphones (Chrome) --- base_rules.js | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) 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) { -- 2.44.0