500ms delay for sliders on touch devices

public/script.js

@@ -8008,6 +8008,32 @@ $(document).ready(function () {
 
     ////////////////// OPTIMIZED RANGE SLIDER LISTENERS////////////////
 
+    var sliderLocked = true;
+    var sliderTimer;
+
+    $("input[type='range']").on("touchstart", function () {
+        // Unlock the slider after 500ms
+        sliderTimer = setTimeout(function () {
+            sliderLocked = false;
+        }, 500);
+    });
+
+    $("input[type='range']").on("touchend", function () {
+        clearTimeout(sliderTimer);
+        $(this).css('background-color', '')
+        sliderLocked = true
+    });
+
+    $("input[type='range']").on("touchmove", function (event) {
+        if (sliderLocked) {
+            event.preventDefault();
+        }
+        else {
+            $(this).css('background-color', 'var(--SmartThemeQuoteColor)')
+        }
+    });
+
+
     const sliders = [
         {
             sliderId: "#amount_gen",