From da984da470598efcc19300127c885f98ecd73547 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Hartmut=20N=C3=B6renberg?= <hn@hartmut-noerenberg.com>
Date: Sun, 22 Mar 2026 19:10:24 +0100
Subject: [PATCH] =?UTF-8?q?fix:=20timeline=20filter=20dropdown=20z-index?=
 =?UTF-8?q?=20=E2=80=94=20add=20z-0=20to=20scroll=20container?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The scroll container's relative positioning created a stacking context
that rendered its children (z-30 sticky labels) above the toolbar's
dropdown (z-[60]). Adding z-0 to the scroll container explicitly places
it below the toolbar's z-20 stacking context, allowing dropdowns to
render on top.

Co-Authored-By: claude-flow <ruv@ruv.net>
---
 apps/web/src/components/timeline/TimelineView.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/web/src/components/timeline/TimelineView.tsx b/apps/web/src/components/timeline/TimelineView.tsx
index 88881f3..186824c 100644
--- a/apps/web/src/components/timeline/TimelineView.tsx
+++ b/apps/web/src/components/timeline/TimelineView.tsx
@@ -615,7 +615,7 @@ function TimelineViewContent({
       <div
         ref={scrollContainerRef}
         onScroll={handleContainerScroll}
-        className="app-surface relative flex-1 overflow-auto"
+        className="app-surface relative z-0 flex-1 overflow-auto"
       >
         {isInitialLoading ? (
           <div className="flex items-center justify-center py-24 text-sm text-gray-500 dark:text-gray-400">