Disable tap to zoom on IOS10+

hodgef · Jul 13, 2018 · 94c14df · 94c14df
1 parent 4206e02
commit 94c14df
Show file tree

Hide file tree

Showing 6 changed files with 16 additions and 5 deletions.
diff --git a/build/css/index.css b/build/css/index.css
diff --git a/build/css/index.css.map b/build/css/index.css.map
diff --git a/build/index.js.map b/build/index.js.map
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "simple-keyboard",
-  "version": "2.3.6",
+  "version": "2.3.7",
   "description": "On-screen Virtual Keyboard",
   "main": "build/index.js",
   "scripts": {

diff --git a/public/index.html b/public/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
     <meta name="theme-color" content="#000000">
     <!--
       manifest.json provides metadata used when your web app is added to the
@@ -20,6 +20,16 @@
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
     <title>simple-keyboard</title>
+    <style>
+      /**
+       * Disabling double-tap to zoom in iOS 10+
+       * as it interferes with simple-keyboard
+       */
+      body,
+      html {
+        touch-action: manipulation;
+      }
+    </style>
   </head>
   <body>
     <noscript>

diff --git a/src/lib/components/Keyboard.css b/src/lib/components/Keyboard.css
@@ -9,6 +9,7 @@ body, html {
   user-select: none;
   box-sizing: border-box;
   overflow: hidden;
+  touch-action: manipulation;
 }
 
 .simple-keyboard .hg-row {