From 68760bb28f51df04b7872799ca0f86e2d0c3c779 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= <valknar@pivoine.art>
Date: Mon, 17 Nov 2025 22:23:24 +0100
Subject: [PATCH] fix: prevent event bubbling on sidebar track controls
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Added stopPropagation to track controls container to prevent click events on sliders and buttons from bubbling up to the track selection handler.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 components/layout/SidePanel.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/layout/SidePanel.tsx b/components/layout/SidePanel.tsx
index 44ae082..a08f433 100644
--- a/components/layout/SidePanel.tsx
+++ b/components/layout/SidePanel.tsx
@@ -210,7 +210,7 @@ export function SidePanel({
                         </div>
 
                         {/* Track Controls - Always visible */}
-                        <div className="space-y-2">
+                        <div className="space-y-2" onClick={(e) => e.stopPropagation()}>
                           {/* Volume */}
                           <div className="space-y-1">
                             <div className="flex items-center justify-between">