From 0d8952ca2f4943f2a3f2e7a01f6b1ee0e0e60bf8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= <valknar@pivoine.art>
Date: Thu, 20 Nov 2025 12:45:13 +0100
Subject: [PATCH] fix: ensure consistent timeline-waveform alignment with
 always-visible scrollbar
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Changed waveforms container from overflow-y-auto to overflow-y-scroll to ensure
the vertical scrollbar is always visible. This maintains consistent width alignment
between the timeline and waveform areas, preventing playhead marker misalignment
that occurred when scrollbar appeared/disappeared based on track count.

Fixes the issue where timeline was slightly wider than waveforms when vertical
scrollbar was present, causing ~15px offset in playhead position.

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

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

diff --git a/components/tracks/TrackList.tsx b/components/tracks/TrackList.tsx
index 43b98ed..4e92ccb 100644
--- a/components/tracks/TrackList.tsx
+++ b/components/tracks/TrackList.tsx
@@ -816,7 +816,7 @@ export function TrackList({
         <div
           ref={waveformScrollRef}
           onScroll={handleWaveformScroll}
-          className="flex-1 overflow-y-auto overflow-x-hidden custom-scrollbar"
+          className="flex-1 overflow-y-scroll overflow-x-hidden custom-scrollbar"
         >
           <div className="flex flex-col">
             {tracks.map((track) => (