[PR #2525] [MERGED] fix(gantt): fix date picker z-index and narrow date range width #8335

Closed
opened 2026-04-20 18:09:34 -05:00 by GiteaMirror · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/go-vikunja/vikunja/pull/2525
Author: @tink-bot
Created: 4/2/2026
Status: Merged
Merged: 4/3/2026
Merged by: @kolaente

Base: mainHead: fix-gantt-date-picker-ui


📝 Commits (2)

  • c714a80 fix(gantt): ensure chart container fills viewport width for narrow date ranges
  • 847c774 fix(gantt): isolate chart stacking context so date picker renders above it

📊 Changes

2 files changed (+3 additions, -0 deletions)

View changed files

📝 frontend/src/components/gantt/GanttChart.vue (+1 -0)
📝 frontend/src/components/project/views/ProjectGantt.vue (+2 -0)

📄 Description

The Gantt chart container doesn't fill the viewport width when the date range is narrow (few days), and the Flatpickr date picker can render behind sticky Gantt elements due to stacking context issues.

Fixes #2337

Test plan

  • Open Gantt view with a narrow date range (2-3 days) and confirm the chart fills the full card width
  • Open the Flatpickr date picker and confirm it renders above all Gantt content with no visual artifacts

🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/go-vikunja/vikunja/pull/2525 **Author:** [@tink-bot](https://github.com/tink-bot) **Created:** 4/2/2026 **Status:** ✅ Merged **Merged:** 4/3/2026 **Merged by:** [@kolaente](https://github.com/kolaente) **Base:** `main` ← **Head:** `fix-gantt-date-picker-ui` --- ### 📝 Commits (2) - [`c714a80`](https://github.com/go-vikunja/vikunja/commit/c714a801c0b41bc117da1b387dc4653a382f2ef2) fix(gantt): ensure chart container fills viewport width for narrow date ranges - [`847c774`](https://github.com/go-vikunja/vikunja/commit/847c7748d42d4d6d37df2b3975ca5bac012f070b) fix(gantt): isolate chart stacking context so date picker renders above it ### 📊 Changes **2 files changed** (+3 additions, -0 deletions) <details> <summary>View changed files</summary> 📝 `frontend/src/components/gantt/GanttChart.vue` (+1 -0) 📝 `frontend/src/components/project/views/ProjectGantt.vue` (+2 -0) </details> ### 📄 Description The Gantt chart container doesn't fill the viewport width when the date range is narrow (few days), and the Flatpickr date picker can render behind sticky Gantt elements due to stacking context issues. Fixes #2337 ## Test plan - Open Gantt view with a narrow date range (2-3 days) and confirm the chart fills the full card width - Open the Flatpickr date picker and confirm it renders above all Gantt content with no visual artifacts --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
GiteaMirror added the pull-request label 2026-04-20 18:09:34 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/vikunja#8335