From 3a8bb840faa6879e8526605345ec16a8433910e1 Mon Sep 17 00:00:00 2001
From: Endika Iglesias <endika2@gmail.com>
Date: Mon, 13 Jul 2026 09:58:51 +0200
Subject: [PATCH] fix: prevent accidental pinch and double-tap zoom on mobile

---
 index.html | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)
diff --git a/index.html b/index.html
index d954e39..acc8a5c 100644
--- a/index.html
+++ b/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
     <link rel="icon" href="%BASE_URL%favicon.ico" sizes="any" />
     <link rel="apple-touch-icon" href="%BASE_URL%apple-touch-icon.png" />
     <meta name="theme-color" content="#fff8f5" />
@@ -27,6 +27,18 @@
         } catch (e) {}
       })()
     </script>
+    <style>
+      /* Prevent accidental zoom on mobile: block double-tap zoom, keep scroll/tap. */
+      html {
+        touch-action: manipulation;
+      }
+    </style>
+    <script>
+      // iOS Safari ignores user-scalable=no, so block pinch-zoom explicitly.
+      document.addEventListener('gesturestart', function (e) {
+        e.preventDefault()
+      })
+    </script>
   </head>
   <body class="antialiased">
     <div id="root"></div>
