From eb8b70773cace64e24b133c78cab8c6b12507882 Mon Sep 17 00:00:00 2001
From: eafonyang <eafonyang@gmail.com>
Date: Thu, 23 Jul 2026 17:40:27 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E9=9F=B3=E9=87=8F=E6=97=8B?=
 =?UTF-8?q?=E9=92=AE=EF=BC=8C=E4=B8=8D=E5=85=81=E8=AE=B8=E7=94=A8=E6=88=B7?=
 =?UTF-8?q?=E4=B8=BB=E5=8A=A8=E8=B0=83=E8=8A=82=E9=9F=B3=E9=87=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/pages/Home.tsx | 17 ++++-------------
 1 file changed, 4 insertions(+), 13 deletions(-)

diff --git a/client/src/pages/Home.tsx b/client/src/pages/Home.tsx
index d13746e..8d8367b 100644
--- a/client/src/pages/Home.tsx
+++ b/client/src/pages/Home.tsx
@@ -588,26 +588,17 @@ export default function Home() {
               <div className="pr-4">
                 <div
                   className={cn(
-                    "w-12 h-12 rounded-full flex items-center justify-center touch-none select-none",
-                    volumeControlsLocked && "opacity-45 cursor-not-allowed",
+                    "w-12 h-12 rounded-full flex items-center justify-center select-none pointer-events-none",
+                    volumeControlsLocked && "opacity-45",
                   )}
                   style={{
                     background: "radial-gradient(circle at 35% 35%, #4a4a4e, #1a1a1c)",
                     border: "2px solid rgba(255,255,255,0.12)",
                     boxShadow: "inset 0 2px 4px rgba(0,0,0,0.5)",
                     transform: `rotate(${knobAngle}deg)`,
-                    transition: knobDraggingRef.current ? "none" : "transform 120ms ease-out",
+                    transition: "transform 120ms ease-out",
                   }}
-                  role="slider"
-                  aria-label="Volume"
-                  aria-valuemin={0}
-                  aria-valuemax={200}
-                  aria-valuenow={localVol}
-                  onPointerDown={beginKnobDrag}
-                  onPointerMove={moveKnobDrag}
-                  onPointerUp={endKnobDrag}
-                  onPointerCancel={endKnobDrag}
-                  onLostPointerCapture={lostKnobPointerCapture}
+                  aria-hidden="true"
                 >
                   <div className="w-1 h-4 rounded-full bg-white/40" style={{ transform: "rotate(-30deg)", transformOrigin: "bottom center" }} />
                 </div>