Gantt date picker UI issue #2573

Open
opened 2026-03-22 14:13:01 -05:00 by GiteaMirror · 3 comments
Owner

Originally created by @bigbeka on GitHub (Mar 2, 2026).

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). ### 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?

@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

@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
@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" />
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/vikunja#2573