From da33424cff4e49f83605383db0ad8a98af1b150c Mon Sep 17 00:00:00 2001
From: "Z. Cliffe Schreuders" <code.cliffe@schreuders.org>
Date: Fri, 28 Mar 2025 12:06:15 +0000
Subject: [PATCH] allow zooming on mobile devices

---
 index.html | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/index.html b/index.html
index 5ef90bf..9be4eae 100644
--- a/index.html
+++ b/index.html
@@ -7364,5 +7364,31 @@
             // TODO: Adjust inventory display position based on new size
         });
     </script>
+    <script>
+        // allow zooming on mobile devices
+        document.addEventListener('DOMContentLoaded', function() {
+            // Prevent Phaser from capturing touch events that should be used for zooming
+            const gameContainer = document.getElementById('game-container');
+            
+            // Allow zooming on the document level
+            document.addEventListener('gesturestart', function(e) {
+                e.preventDefault();
+                // Custom zoom handling can be added here if needed
+            });
+            
+            document.addEventListener('gesturechange', function(e) {
+                e.preventDefault();
+                // Custom zoom handling can be added here if needed
+            });
+            
+            // Prevent default touch behavior only within the game container
+            gameContainer.addEventListener('touchmove', function(e) {
+                // Only prevent default if it's not a multi-touch gesture (like pinch-to-zoom)
+                if (e.touches.length <= 1) {
+                    e.preventDefault();
+                }
+            }, { passive: false });
+        });
+    </script>
 </body>
 </html> 
\ No newline at end of file