From: Benjamin Auder <benjamin.auder@somewhere>
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/js/pieces/css/current/rpsls.js?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) {