From 174c67cfd858adbca4f6c442d275dc9408fb1338 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Thu, 2 Apr 2026 18:55:19 +0200
Subject: [PATCH] fix(gantt): isolate chart stacking context so date picker
 renders above it

Sets position: relative and z-index: 0 on .gantt-chart-container to
create a new stacking context. This ensures z-index values inside the
Gantt chart (e.g. the sticky timeline header) cannot compete with the
Flatpickr popup that renders at the body level.

Ref #2337
---
 frontend/src/components/project/views/ProjectGantt.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/frontend/src/components/project/views/ProjectGantt.vue b/frontend/src/components/project/views/ProjectGantt.vue
index dc613208a..c706395b4 100644
--- a/frontend/src/components/project/views/ProjectGantt.vue
+++ b/frontend/src/components/project/views/ProjectGantt.vue
@@ -162,6 +162,8 @@ const flatPickerConfig = computed(() => ({
 <style lang="scss" scoped>
 .gantt-chart-container {
 	padding-block-end: 1rem;
+	position: relative;
+	z-index: 0;
 }
 
 .gantt-options {