From 7a57b5e6491709e45528c38dd8e14c371f25a95b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Hartmut=20N=C3=B6renberg?= <hn@hartmut-noerenberg.com>
Date: Sun, 22 Mar 2026 18:55:18 +0100
Subject: [PATCH] fix: timeline filter dropdown rendered behind scroll
 container

Add relative z-20 to TimelineToolbar so ProjectCombobox and
ResourceCombobox dropdowns (z-[60]) render above the scroll
container below. The scroll container's relative positioning
was creating a stacking context that overlapped the dropdowns.

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

diff --git a/apps/web/src/components/timeline/TimelineToolbar.tsx b/apps/web/src/components/timeline/TimelineToolbar.tsx
index 3bbea95..d74d1c8 100644
--- a/apps/web/src/components/timeline/TimelineToolbar.tsx
+++ b/apps/web/src/components/timeline/TimelineToolbar.tsx
@@ -90,7 +90,7 @@ export function TimelineToolbar({
   }
 
   return (
-    <div className="app-toolbar flex flex-wrap items-center justify-between gap-3">
+    <div className="app-toolbar relative z-20 flex flex-wrap items-center justify-between gap-3">
       <div className="flex items-center gap-3">
         <ProjectCombobox
           value={filters.projectIds[0] ?? null}