Change zoom disabling logic to be iOS-specific

pganssle · Nov 26, 2023 · d4219ef · d4219ef
1 parent e98c9ce
commit d4219ef
Showing 1 changed file with 18 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -93,11 +93,26 @@
     <script type="module" src="js/vendor/Tone.js"></script>
     <script src="js/cim.js"></script>
     <script>
+        function is_ios() {
+          return [
+            'iPad Simulator',
+            'iPhone Simulator',
+            'iPod Simulator',
+            'iPad',
+            'iPhone',
+            'iPod'
+          ].includes(navigator.platform)
+          // iPad on iOS 13 detection
+          || (navigator.userAgent.includes("Mac") && "ontouchend" in document)
+        }
+
         // Disable zoom on iOS 10+ (normally I would be against this, but it's
         // causing usability problems)
-        document.addEventListener('gesturestart', function (e) {
-            e.preventDefault();
-        });
+        if (is_ios()) {
+            document.addEventListener('gesturestart', function (e) {
+                e.preventDefault();
+            });
+        }
     </script>
 
     </head>