fix(examples): scroll on iOS

steven.roulleau · steven.roulleau · commit 8693cdd75c83 · 2018-12-18T16:48:39.000+01:00
diff --git a/examples/dev/debug.html b/examples/dev/debug.html
@@ -31,7 +31,7 @@
     <script type="text/javascript" src="../../dist/myscript.min.js"></script>
   </head>
 
-  <body touch-action="none">
+  <body>
     <div>
       <nav>
         <div class="button-div">
@@ -47,7 +47,7 @@
           <select id="level" disabled></select>
         </div>
       </nav>
-      <div id="editor"></div>
+      <div id="editor" touch-action="none"></div>
     </div>
     <script>
       var editorElement = document.getElementById('editor');
diff --git a/examples/dev/style/guide-text.html b/examples/dev/style/guide-text.html
@@ -17,7 +17,7 @@
   <script type="text/javascript" src="../../../dist/myscript.min.js"></script>
 </head>
 
-<body touch-action="none">
+<body>
 <div>
   <nav>
     <label for="font-style">Font style</label>
@@ -73,7 +73,7 @@
     <div class="spacer"></div>
     <button class="action-label-button" id="convert" disabled>Convert</button>
   </nav>
-  <div id="editor"></div>
+  <div id="editor" touch-action="none"></div>
 </div>
 <script>
   var editorElement = document.getElementById('editor');
diff --git a/examples/dev/style/style-math.html b/examples/dev/style/style-math.html
@@ -17,7 +17,7 @@
   <script type="text/javascript" src="../../../dist/myscript.min.js"></script>
 </head>
 
-<body touch-action="none">
+<body>
 <div>
   <nav>
     <p>Math</p>
@@ -84,7 +84,7 @@
     <div class="spacer"></div>
     <button class="action-label-button" id="convert" disabled>Convert</button>
   </nav>
-  <div id="editor"></div>
+  <div id="editor" touch-action="none"></div>
 </div>
 <script>
   var editorElement = document.getElementById('editor');
diff --git a/examples/dev/style/style-text.html b/examples/dev/style/style-text.html
@@ -17,7 +17,7 @@
   <script type="text/javascript" src="../../../dist/myscript.min.js"></script>
 </head>
 
-<body touch-action="none">
+<body>
 <div>
   <nav>
     <label for="font-family">Font family</label>
@@ -77,7 +77,7 @@
     <div class="spacer"></div>
     <button class="action-label-button" id="convert" disabled>Convert</button>
   </nav>
-  <div id="editor"></div>
+  <div id="editor" touch-action="none"></div>
 </div>
 <script>
   var editorElement = document.getElementById('editor');
diff --git a/examples/examples.css b/examples/examples.css
@@ -181,6 +181,7 @@ select:focus {
 #editor {
     width: 100vw;
     height: calc(100vh - 152px);
+    touch-action: none;
 }
 
 /*** Interact page ***/
diff --git a/examples/experimental/rest_analyzer_cdk32.html b/examples/experimental/rest_analyzer_cdk32.html
@@ -22,7 +22,7 @@
   <script type="text/javascript" src="../../dist/myscript.min.js"></script>
 </head>
 
-<body touch-action="none">
+<body>
 <nav>
   <div class="button-div">
     <button id="clear" class="nav-btn btn-fab-mini btn-lightBlue" disabled>
@@ -37,7 +37,7 @@
   </div>
   <div class="spacer"></div>
 </nav>
-<div id="editor"></div>
+<div id="editor" touch-action="none"></div>
 <script>
   var editorElement = document.getElementById('editor');
   var undoElement = document.getElementById('undo');
diff --git a/examples/experimental/rest_music_cdk32.html b/examples/experimental/rest_music_cdk32.html
@@ -27,7 +27,7 @@
   <script type="text/javascript" src="../../dist/myscript.min.js"></script>
 </head>
 
-<body touch-action="none">
+<body>
 <div>
   <nav>
     <div class="button-div">
@@ -43,7 +43,7 @@
     </div>
     <div class="spacer"></div>
   </nav>
-  <div id="editor"></div>
+  <div id="editor" touch-action="none"></div>
 </div>
 <div id="result"></div>
 <script>
diff --git a/examples/experimental/rest_shape.html b/examples/experimental/rest_shape.html
@@ -22,7 +22,7 @@
   <script type="text/javascript" src="../../dist/myscript.min.js"></script>
 </head>
 
-<body touch-action="none">
+<body>
 <nav>
   <div class="button-div">
     <button id="clear" class="nav-btn btn-fab-mini btn-lightBlue" disabled>
@@ -37,7 +37,7 @@
   </div>
   <div class="spacer"></div>
 </nav>
-<div id="editor"></div>
+<div id="editor" touch-action="none"></div>
 <script>
   var editorElement = document.getElementById('editor');
   var undoElement = document.getElementById('undo');
diff --git a/examples/experimental/websocket_diagram_iink.html b/examples/experimental/websocket_diagram_iink.html
@@ -17,7 +17,7 @@
     <script type="text/javascript" src="../../dist/myscript.min.js"></script>
   </head>
 
-  <body touch-action="none">
+  <body>
     <div id="result"></div>
     <div>
       <nav>
@@ -35,7 +35,7 @@
         <div class="spacer"></div>
         <button class="classic-btn" id="convert" disabled>Convert</button>
       </nav>
-      <div id="editor"></div>
+      <div id="editor" touch-action="none"></div>
     </div>
     <script>
       var editorElement = document.getElementById('editor');
diff --git a/examples/experimental/websocket_text_document_iink.html b/examples/experimental/websocket_text_document_iink.html
@@ -17,7 +17,7 @@
     <script type="text/javascript" src="../../dist/myscript.min.js"></script>
   </head>
 
-  <body touch-action="none">
+  <body>
     <div id="result"></div>
     <div>
       <nav>
@@ -27,7 +27,7 @@
         <div class="spacer"></div>
         <button class="action-label-button" id="convert" disabled>Convert</button>
       </nav>
-      <div id="editor"></div>
+      <div id="editor" touch-action="none"></div>
     </div>
     <script>
       var editorElement = document.getElementById('editor');
diff --git a/examples/non-version-specific/change_language.html b/examples/non-version-specific/change_language.html
@@ -17,11 +17,11 @@
     <script type="text/javascript" src="../../dist/myscript.min.js"></script>
   </head>
 
-  <body touch-action="none">
+  <body>
   <nav>
     <select id="language"></select>
   </nav>
-    <div id="editor"></div>
+    <div id="editor" touch-action="none"></div>
     <script>
       const languageElement = document.getElementById('language');
       const editorElement = document.getElementById('editor');
diff --git a/examples/non-version-specific/handle_errors.html b/examples/non-version-specific/handle_errors.html
@@ -17,10 +17,10 @@
     <script type="text/javascript" src="../../dist/myscript.min.js"></script>
   </head>
 
-  <body touch-action="none">
+  <body>
     <div id="result"></div>
     <div>
-      <div id="editor"></div>
+      <div id="editor" touch-action="none"></div>
     </div>
     <script>
       var editorElement = document.getElementById('editor');
diff --git a/examples/non-version-specific/on_demand_exports.html b/examples/non-version-specific/on_demand_exports.html
@@ -25,7 +25,7 @@
     <script type="text/javascript" src="../../dist/myscript.min.js"></script>
   </head>
 
-  <body touch-action="none">
+  <body>
     <div id="export-result"></div>
     <div>
       <nav>
@@ -43,7 +43,7 @@
         <div class="spacer"></div>
         <button class="classic-btn" id="exportContent" disabled>Export</button>
       </nav>
-      <div id="editor"></div>
+      <div id="editor" touch-action="none"></div>
     </div>
     <script>
       var editorElement = document.getElementById('editor');
diff --git a/examples/v3/rest_math.html b/examples/v3/rest_math.html
@@ -17,7 +17,7 @@
   <script type="text/javascript" src="../../dist/myscript.min.js"></script>
 </head>
 
-<body touch-action="none">
+<body>
 <div id="result"></div>
 <div>
   <nav>
@@ -34,7 +34,7 @@
     </div>
     <div class="spacer"></div>
   </nav>
-  <div id="editor"></div>
+  <div id="editor" touch-action="none"></div>
 </div>
 <script>
   var editorElement = document.getElementById('editor');
diff --git a/examples/v3/rest_text.html b/examples/v3/rest_text.html
@@ -17,11 +17,11 @@
   <script type="text/javascript" src="../../dist/myscript.min.js"></script>
 </head>
 
-<body touch-action="none">
+<body>
 <div class="languages">
   <select id="language"></select>
 </div>
-<div id="result"></div>
+<div id="result" touch-action="none"></div>
 <div>
   <nav>
     <div class="button-div">
diff --git a/examples/v3/websocket_math.html b/examples/v3/websocket_math.html
@@ -17,7 +17,7 @@
     <script type="text/javascript" src="../../dist/myscript.min.js"></script>
   </head>
 
-  <body touch-action="none">
+  <body>
     <div id="result"></div>
     <div>
       <nav>
@@ -34,7 +34,7 @@
         </div>
         <div class="spacer"></div>
       </nav>
-      <div id="editor"></div>
+      <div id="editor" touch-action="none"></div>
     </div>
     <script>
       var editorElement = document.getElementById('editor');
diff --git a/examples/v3/websocket_text.html b/examples/v3/websocket_text.html
@@ -23,7 +23,7 @@
   <script type="text/javascript" src="../../dist/myscript.min.js"></script>
 </head>
 
-<body touch-action="none">
+<body>
 <div class="languages">
   <select id="language"></select>
 </div>
@@ -43,7 +43,7 @@
     </div>
     <div class="spacer"></div>
   </nav>
-  <div id="editor"></div>
+  <div id="editor" touch-action="none"></div>
 </div>
 <script>
   var editorElement = document.getElementById('editor');
diff --git a/examples/v4/custom_resources_content_math.html b/examples/v4/custom_resources_content_math.html
@@ -24,7 +24,7 @@
   </style>
 </head>
 
-<body touch-action="none">
+<body>
 <p class="description">This example use a math custom resource. The grammar restrict the recognition to only basic elementary school math (addition and substraction). It is sent directly to the configuration.</p>
 <div id="result"></div>
 <div>
@@ -43,7 +43,7 @@
     <div class="spacer"></div>
     <button class="classic-btn" id="convert" disabled>Convert</button>
   </nav>
-  <div id="editor"></div>
+  <div id="editor" touch-action="none"></div>
 </div>
 <script>
   var editorElement = document.getElementById('editor');
diff --git a/examples/v4/custom_resources_math.html b/examples/v4/custom_resources_math.html
@@ -23,7 +23,7 @@
   </style>
 </head>
 
-<body touch-action="none">
+<body>
 <p class="description">This example use a math custom resource. The grammar restrict the recognition to only basic elementary school math (addition and substraction). The id of a pre-compiled grammar is sent.</p>
 <div id="result"></div>
 <div>
@@ -42,7 +42,7 @@
     <div class="spacer"></div>
     <button class="classic-btn" id="convert" disabled>Convert</button>
   </nav>
-  <div id="editor"></div>
+  <div id="editor" touch-action="none"></div>
 </div>
 <script>
   var editorElement = document.getElementById('editor');
diff --git a/examples/v4/customize_style.html b/examples/v4/customize_style.html
@@ -108,7 +108,7 @@
   <script type="text/javascript" src="../../dist/myscript.min.js"></script>
 </head>
 
-<body touch-action="none">
+<body>
 <nav class="style-flex-container">
   <div class="style-flex-item">
     <input id="penStyleClasses" type="checkbox">
@@ -140,7 +140,7 @@
     <select id="fonts"></select>
   </div>
 </nav>
-<div id="editor"></div>
+<div id="editor" touch-action="none"></div>
 <div id="prompter-css">
   <div id="prompter-css-text">
     Theme or pen style applied will be written here.
diff --git a/examples/v4/file_export.html b/examples/v4/file_export.html
@@ -25,7 +25,7 @@
     <script type="text/javascript" src="../../dist/myscript.min.js"></script>
   </head>
 
-  <body touch-action="none">
+  <body>
     <div>
       <nav>
         <div class="button-div">
@@ -45,7 +45,7 @@
         </div>
         <button class="classic-btn" id="exportContent" disabled>Export to file</button>
       </nav>
-      <div id="editor"></div>
+      <div id="editor" touch-action="none"></div>
     </div>
     <script>
 
diff --git a/examples/v4/import_content.html b/examples/v4/import_content.html
@@ -17,7 +17,7 @@
   <script type="text/javascript" src="../../dist/myscript.min.js"></script>
 </head>
 
-<body touch-action="none">
+<body>
 <div>
   <nav>
     <div class="button-div">
@@ -32,7 +32,7 @@
     <input type="text" class="input-field" id="importContentField" data-type="text/plain" placeholder="e.g. hello world">
     <button class="classic-btn" id="importContent">Import</button>
   </nav>
-  <div id="editor"></div>
+  <div id="editor" touch-action="none"></div>
 </div>
 <script>
   const editorElement = document.getElementById('editor');
diff --git a/examples/v4/pointer_events.html b/examples/v4/pointer_events.html
@@ -38,9 +38,9 @@
     <script type="text/javascript" src="../../dist/myscript.min.js"></script>
   </head>
 
-  <body touch-action="none">
+  <body>
     <div>
-      <div id="editor"></div>
+      <div id="editor" touch-action="none"></div>
       <textarea id="pointerEventsObject">{ "events": [{
     "pointerType": "PEN",
     "pointerId": 1,
diff --git a/examples/v4/websocket_math_iink_notAlwaysConnected.html b/examples/v4/websocket_math_iink_notAlwaysConnected.html
diff --git a/examples/v4/websocket_text_iink_search.html b/examples/v4/websocket_text_iink_search.html

Original file line number	Diff line number	Diff line change
`@@ -181,6 +181,7 @@ select:focus {`
`181`	`181`	`#editor {`
`182`	`182`	`width: 100vw;`
`183`	`183`	`height: calc(100vh - 152px);`
	`184`	`+ touch-action: none;`
`184`	`185`	`}`
`185`	`186`
`186`	`187`	`/* Interact page */`