Fixed IOS click hold action with stylus

elvistony · Dec 25, 2023 · 4a81817 · 4a81817
1 parent 5eac20e
commit 4a81817
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/css/board.css b/css/board.css
@@ -34,4 +34,13 @@
 }
 ::-webkit-scrollbar-thumb:window-inactive {
 background: #70a8bb; 
+}
+
+.no-select{
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
 }
diff --git a/index.html b/index.html
@@ -11,7 +11,7 @@
   <link rel="stylesheet" href="css/board.css">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
 </head>
-<body>
+<body class="no-select"">
 <!-- Navigation -->
 
   <div class="btn-group-fab" style="z-index: 2" role="group" aria-label="FAB Menu">
@@ -61,7 +61,7 @@
 
   <!-- Header -->
   <header class="text-center" style="background-color: #f2f3f3; max-width: min-content;">
-    <div class="p-3" style="overflow: hidden; margin: auto; max-width: min-content;">
+    <div class="p-3" style="overflow: hidden; margin: auto; max-width: min-content;user-select: none;" >
         <div class="board-container">
           <canvas id="canvas" class="canvas-io" width="1200" height="600"></canvas>
         </div>