Touch Fixes

Author: bobjoerules

index.html

@@ -106,7 +106,7 @@
 
     <div>Background Color: 
 
-      <input type="color" id="favcolor" name="favcolor" value="rgb(245, 236, 1)" style="border: 1px; border-color: white; cursor:pointer;">  
+      <input type="color" id="favcolor" name="favcolor" value="#f5ec01" style="border: 1px; border-color: white; cursor:pointer;">  
 
     </div>
     </div>

script.js

@@ -13,13 +13,12 @@ dragElement(document.getElementById("settings"));
 function dragElement(elmnt) {
   let pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
 
-  // Mouse events
   elmnt.onmousedown = dragMouseDown;
-
-  // Touch events
   elmnt.ontouchstart = dragTouchStart;
 
   function dragMouseDown(e) {
+    if (["INPUT", "SELECT", "TEXTAREA", "BUTTON", "LABEL"].includes(e.target.tagName)) return;
+
     e.preventDefault();
     pos3 = e.clientX;
     pos4 = e.clientY;
@@ -38,6 +37,8 @@ function dragElement(elmnt) {
   }
 
   function dragTouchStart(e) {
+    if (["INPUT", "SELECT", "TEXTAREA", "BUTTON", "LABEL"].includes(e.target.tagName)) return;
+
     e.preventDefault();
     pos3 = e.touches[0].clientX;
     pos4 = e.touches[0].clientY;