From 4e6bcbc078710e6649b5f62234960e00d88f4832 Mon Sep 17 00:00:00 2001 From: npeter83 Date: Tue, 1 Sep 2026 03:16:20 +0200 Subject: [PATCH] fix(playlists): stop the table header shifting up on first scroll (E9 12B) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The playlist content wrapper carried `pt-3`, so its sticky column header sat 12px below the scroller top at rest and jumped up to `top:0` on the first scroll. Drop the top padding so the header is flush from rest and never shifts — the fixed toolbar band above supplies the breathing room, matching the channel table's already-correct pattern. --- frontend/src/components/Playlists.tsx | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/frontend/src/components/Playlists.tsx b/frontend/src/components/Playlists.tsx index e3d4e1e1..27ed8765 100644 --- a/frontend/src/components/Playlists.tsx +++ b/frontend/src/components/Playlists.tsx @@ -599,7 +599,10 @@ export default function Playlists() { } return ( -
+ // No top padding: the sticky column header must sit flush at the scroller top so it doesn't + // shift up when `position: sticky` engages on the first scroll (the fixed toolbar band above + // gives the breathing room). Same reason as the channel table — see Channels.tsx. +
{/* Header (title, actions, view controls) is fixed chrome — it portals into the shell's fixed band, so only the video list scrolls. */}