Enable sliding pointer on mobile

TheTrustyPwo · Mar 8, 2024 · e2d0b83 · e2d0b83
1 parent 7b8aa9f
commit e2d0b83
Showing 1 changed file with 13 additions and 7 deletions.
diff --git a/static/js/shared/pointer.js b/static/js/shared/pointer.js
@@ -39,6 +39,7 @@ function createPointer(pointer) {
 
 ["mousedown", "touchstart"].forEach(event => {
     document.addEventListener(event, e => {
+        console.log(event);
         for (let i = 0; i < pointers.length; i++) {
             // use math check in triangle
             // lazy to code
@@ -51,13 +52,18 @@ function createPointer(pointer) {
     document.addEventListener(event, e => { dragging = -1; });
 });
 
-["mousemove", "touchmove"].forEach(event => {
-    document.addEventListener(event, e => {
-        if (dragging === -1) return;
-        const pointer = pointers[dragging];
-        pointer.y = Math.max(Math.min(pointer.y + e.movementY, pointer.maxY), pointer.minY);
-        pointer.onMove();
-    });
+document.addEventListener("mousemove", e => {
+    if (dragging === -1) return;
+    const pointer = pointers[dragging];
+    pointer.y = Math.max(Math.min(pointer.y + e.movementY, pointer.maxY), pointer.minY);
+    pointer.onMove();
+});
+
+document.addEventListener("touchmove", e => {
+    if (dragging === -1) return;
+    const pointer = pointers[dragging];
+    pointer.y = Math.max(Math.min(e.targetTouches[0].pageY, pointer.maxY), pointer.minY);
+    pointer.onMove();
 });
 
 export { Pointer, createPointer };