From d08482a64cc0c0f7f9f24e52a5c4b99a23f4b6ee Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= <valknar@pivoine.art>
Date: Wed, 19 Nov 2025 12:58:47 +0100
Subject: [PATCH] fix: restore horizontal scrollbar by making waveform use
 container height
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Remove fixed height from Track waveformOnly mode
- Use h-full class to fill flex container instead
- Allows parent scroll container to show horizontal scrollbar based on zoom
- Waveform now properly expands horizontally without clipping

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

Co-Authored-By: Claude <noreply@anthropic.com>
---
 components/tracks/Track.tsx     | 3 +--
 components/tracks/TrackList.tsx | 4 ++--
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/components/tracks/Track.tsx b/components/tracks/Track.tsx
index b27302a..30e5958 100644
--- a/components/tracks/Track.tsx
+++ b/components/tracks/Track.tsx
@@ -830,10 +830,9 @@ export function Track({
     return (
       <div
         className={cn(
-          "relative bg-waveform-bg border-b transition-all duration-200",
+          "relative bg-waveform-bg border-b transition-all duration-200 h-full",
           isSelected && "bg-primary/5",
         )}
-        style={{ height: trackHeight }}
       >
         {/* Inner container with dynamic width */}
         <div
diff --git a/components/tracks/TrackList.tsx b/components/tracks/TrackList.tsx
index dab28cc..96d55aa 100644
--- a/components/tracks/TrackList.tsx
+++ b/components/tracks/TrackList.tsx
@@ -208,13 +208,13 @@ export function TrackList({
               <React.Fragment key={track.id}>
                 {/* Track Waveform Row with bars stacked below - Fixed height container */}
                 <div
-                  className="flex flex-col overflow-hidden"
+                  className="flex flex-col"
                   style={{
                     height: track.collapsed ? '48px' : `${track.height || 240}px`
                   }}
                 >
                   {/* Waveform - Takes remaining space */}
-                  <div className="flex-1 min-h-0">
+                  <div className="flex-1 min-h-0 relative">
                     <Track
                     track={track}
                     zoom={zoom}