Canvas remove touch interactions

phisn · May 13, 2024 · 607b75d · 607b75d
1 parent 6328efe
commit 607b75d
Showing 1 changed file with 15 additions and 1 deletion.
diff --git a/packages/web/src/app/play/Game.tsx b/packages/web/src/app/play/Game.tsx
@@ -45,5 +45,19 @@ export function Game(props: {
         }
     }, [gameLoop])
 
-    return <canvas className="absolute inset-0 z-0 h-full w-full" ref={canvasRef} />
+    return (
+        <canvas
+            style={{
+                position: "relative",
+                height: "100%",
+                width: "100%",
+                overflow: "hidden",
+                pointerEvents: "auto",
+                touchAction: "none",
+                WebkitUserSelect: "none",
+            }}
+            className="absolute inset-0 z-0 h-full w-full select-none"
+            ref={canvasRef}
+        />
+    )
 }