[DEV] Add touch-action=none hack for safari

Francois-Xavier Gentilhomme · Francois-Xavier Gentilhomme · commit 40676e6ec416 · 2016-06-02T16:46:31.000+02:00
diff --git a/demo/index.html b/demo/index.html
@@ -2,8 +2,12 @@
 <html>
 <head>
     <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="mobile-web-app-capable" content="yes">
     <meta name="HandheldFriendly" content="true"/>
+
     <title>myscript-text demo</title>
+
     <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
     <link rel="import" href="../../iron-ajax/iron-ajax.html">
     <link rel="import" href="../../iron-flex-layout/iron-flex-layout-classes.html">
@@ -27,7 +31,7 @@
         width: 250px;
     }
 </style>
-<body unresolved>
+<body touch-action="none" unresolved>
 <template id="app" is="dom-bind">
     <iron-ajax
         auto
diff --git a/demo/superimposed.html b/demo/superimposed.html
@@ -2,8 +2,12 @@
 <html>
 <head>
     <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="mobile-web-app-capable" content="yes">
     <meta name="HandheldFriendly" content="true"/>
+
     <title>myscript-text demo</title>
+
     <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
     <link rel="import" href="../../iron-ajax/iron-ajax.html">
     <link rel="import" href="../../iron-flex-layout/iron-flex-layout-classes.html">
@@ -30,7 +34,7 @@
         width: 250px;
     }
 </style>
-<body unresolved>
+<body touch-action="none" unresolved>
 <template id="app" is="dom-bind">
     <iron-ajax
         auto
diff --git a/index.html b/index.html
@@ -1,9 +1,10 @@
 <!doctype html>
 <html>
 <head>
-
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="mobile-web-app-capable" content="yes">
     <meta name="HandheldFriendly" content="true" />
 
     <script src="../webcomponentsjs/webcomponents-lite.js"></script>
@@ -15,7 +16,7 @@
         }
     </style>
 </head>
-<body unresolved>
+<body touch-action="none" unresolved>
 
 <iron-component-page></iron-component-page>
 
