From eca8e32ad0eb73f374ff0fdc441088473e1f357f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Vin=C3=ADcius=20Soares?= <squimer@gmail.com>
Date: Fri, 5 Dec 2025 20:20:13 -0300
Subject: [PATCH 1/2] Hide range thumb that shows through knob on iOS Safari

---
 app/assets/stylesheets/knobs.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/app/assets/stylesheets/knobs.css b/app/assets/stylesheets/knobs.css
index cf73d217b..640314bee 100644
--- a/app/assets/stylesheets/knobs.css
+++ b/app/assets/stylesheets/knobs.css
@@ -28,6 +28,10 @@
     translate: -50% -50%;
     z-index: 1;
 
+    @supports (-webkit-touch-callout: none) {
+      opacity: 0;
+    }
+
     &::-moz-range-track {
       block-size: var(--knob-size);
       cursor: grab;

From 7328e03d3f7239569f2c32625770c1bc4317b843 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Vin=C3=ADcius=20Soares?= <squimer@gmail.com>
Date: Sat, 6 Dec 2025 13:27:39 -0300
Subject: [PATCH 2/2] Replaces @supports (-webkit-touch-callout: none) hack
 with a  straightforward opacity: 0 on the slider element

---
 app/assets/stylesheets/knobs.css | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/app/assets/stylesheets/knobs.css b/app/assets/stylesheets/knobs.css
index 640314bee..0605b12cb 100644
--- a/app/assets/stylesheets/knobs.css
+++ b/app/assets/stylesheets/knobs.css
@@ -24,14 +24,11 @@
     block-size: var(--knob-size);
     inline-size: var(--knob-size);
     inset: 50% auto auto 50%;
+    opacity: 0;
     position: absolute;
     translate: -50% -50%;
     z-index: 1;
 
-    @supports (-webkit-touch-callout: none) {
-      opacity: 0;
-    }
-
     &::-moz-range-track {
       block-size: var(--knob-size);
       cursor: grab;