[GH-ISSUE #2337] Gantt date picker UI issue #6645

Closed
opened 2026-04-20 17:14:22 -05:00 by GiteaMirror · 5 comments
Owner

Originally created by @bigbeka on GitHub (Mar 2, 2026).
Original GitHub issue: https://github.com/go-vikunja/vikunja/issues/2337

Pre-submission checklist

  • I have searched for existing open or closed issue reports with the same problem.

Description

When date range is smaller than the width of the browser window with, the date bar doesn't fill up the whole width of the browser and UI of the date picker starts highlighting what's in the background.

Vikunja Version

2.1.0

Browser and version

Latest Safari

Can you reproduce the bug on the Vikunja demo site?

Yes

Screenshots

Image
Originally created by @bigbeka on GitHub (Mar 2, 2026). Original GitHub issue: https://github.com/go-vikunja/vikunja/issues/2337 ### Pre-submission checklist - [x] I have searched for existing open or closed issue reports with the same problem. ### Description When date range is smaller than the width of the browser window with, the date bar doesn't fill up the whole width of the browser and UI of the date picker starts highlighting what's in the background. ### Vikunja Version 2.1.0 ### Browser and version Latest Safari ### Can you reproduce the bug on the Vikunja demo site? Yes ### Screenshots <img width="2312" height="1818" alt="Image" src="https://github.com/user-attachments/assets/ee3b1a8b-4543-4349-b0d6-8f974e0d4bf2" />
Author
Owner

@kolaente commented on GitHub (Mar 11, 2026):

I'm unable to reproduce this on the demo. Is this a Safari only issue?

<!-- gh-comment-id:4037267183 --> @kolaente commented on GitHub (Mar 11, 2026): I'm unable to reproduce this on the demo. Is this a Safari only issue?
Author
Owner

@bigbeka commented on GitHub (Mar 11, 2026):

Yes, only on Safari with no extensions enabled. I just reproduced it on demo.

Again, this only happens when the selected date range does not fill the whole width of the safari window.

See here:

https://github.com/user-attachments/assets/169905a1-c4af-41fa-9116-cc71e32e3c40

<!-- gh-comment-id:4037328142 --> @bigbeka commented on GitHub (Mar 11, 2026): Yes, only on Safari with no extensions enabled. I just reproduced it on demo. Again, this only happens when the selected date range does not fill the whole width of the safari window. See here: https://github.com/user-attachments/assets/169905a1-c4af-41fa-9116-cc71e32e3c40
Author
Owner

@bigbeka commented on GitHub (Mar 11, 2026):

Here in the screenshot, you can see date range is big, but window width is also big, and the issue appears.

If I just resize the window, and the date range overflows from the window width, the issue goes away.

Image
<!-- gh-comment-id:4037352316 --> @bigbeka commented on GitHub (Mar 11, 2026): Here in the screenshot, you can see date range is big, but window width is also big, and the issue appears. If I just resize the window, and the date range overflows from the window width, the issue goes away. <img width="3472" height="1972" alt="Image" src="https://github.com/user-attachments/assets/99ef4e1e-70d0-47f9-b599-9f40094ef40c" />
Author
Owner

@vikunja-bot-app[bot] commented on GitHub (Apr 3, 2026):

This issue has been fixed in #2525, please check with the next unstable build (should be ready for deployment in ~30min, also on the demo).

<!-- gh-comment-id:4184845583 --> @vikunja-bot-app[bot] commented on GitHub (Apr 3, 2026): This issue has been fixed in #2525, please check with the next unstable build (should be ready for deployment in ~30min, also on [the demo](https://try.vikunja.io)).
Author
Owner

@bigbeka commented on GitHub (Apr 7, 2026):

Tested today on unstable version on https://try.vikunja.io and self hosted docker compose version: v2.2.2-170-33886d2e

@kolaente this did not fix the issue on Safari (tested on latest version).

The issue does not occur on Chrome MacOS.

Image
<!-- gh-comment-id:4197583844 --> @bigbeka commented on GitHub (Apr 7, 2026): Tested today on unstable version on https://try.vikunja.io and self hosted docker compose version: `v2.2.2-170-33886d2e` @kolaente this did not fix the issue on Safari (tested on latest version). The issue does not occur on Chrome MacOS. <img width="778" height="553" alt="Image" src="https://github.com/user-attachments/assets/5227cebf-94dc-455e-8415-aa06c592cb41" />
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/vikunja#6645