From ebde5e5a8bc4da8f40bef8f171c7ed86c213a336 Mon Sep 17 00:00:00 2001
From: Caleb Allen <caleballen1276@gmail.com>
Date: Thu, 5 Mar 2026 09:40:10 -0500
Subject: [PATCH] fix(quick-9): set fixed height on queue track items for
 stable virtualizer scroll

- Add height: 49px and overflow: hidden to .track-item CSS
- Add overflow: hidden to .track-details CSS
- Fixed height ensures lit-virtualizer _scrollSize is stable from first render
- Prevents scrollbar lag on large queues (20k+ tracks) caused by dynamic item size averaging
---
 frontend/src/components/queue-panel/queue-panel.ts | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/frontend/src/components/queue-panel/queue-panel.ts b/frontend/src/components/queue-panel/queue-panel.ts
index dd5fd36..0db5de9 100644
--- a/frontend/src/components/queue-panel/queue-panel.ts
+++ b/frontend/src/components/queue-panel/queue-panel.ts
@@ -282,6 +282,8 @@ export class QueuePanel
             user-select: none;
             width: 100%;
             box-sizing: border-box;
+            height: 49px;
+            overflow: hidden;
         }
 
         .track-item:hover {
@@ -317,6 +319,7 @@ export class QueuePanel
             display: flex;
             flex-direction: column;
             gap: 2px;
+            overflow: hidden;
         }
 
         .track-title {