[Bug] Missing padding with scrollbar causes UI overlap (search bar + task tiles) #121

New issue

Open

opened 2026-05-06 18:45:17 +00:00 by kodebarista · 1 comment

kodebarista commented

2026-05-06 18:45:17 +00:00

(Migrated from github.com)

Issue/Description:
When the vertical scrollbar is visible, the layout does not maintain proper padding on the right side. This causes UI elements like the search bar and task tiles to visually clash with or extend beneath the scrollbar.

Specifically:

The search bar appears to lose its border on the horizontal
Right side of the Task tiles gets overlapped by the scrollbar instead of maintaining proper spacing

This results in a visually cramped layout.

Version:

0.2.3

Steps to Reproduce:

Open Tasks app
Navigate to a list with enough items to enable vertical scrolling
Activate search
Observe the layout when the scrollbar is visible

Expected Behavior:

Proper right-side padding should be applied when the scrollbar is present
The search bar should retain its full border and not appear clipped
Task tiles should maintain consistent spacing from the scrollbar (no overlap)

Other Notes:

**Issue/Description:** When the vertical scrollbar is visible, the layout does not maintain proper padding on the right side. This causes UI elements like the search bar and task tiles to visually clash with or extend beneath the scrollbar. Specifically: - The search bar appears to lose its border on the horizontal - Right side of the Task tiles gets overlapped by the scrollbar instead of maintaining proper spacing This results in a visually cramped layout. **Version:** ``` 0.2.3 ``` **Steps to Reproduce:** - Open Tasks app - Navigate to a list with enough items to enable vertical scrolling - Activate search - Observe the layout when the scrollbar is visible **Expected Behavior:** - Proper right-side padding should be applied when the scrollbar is present - The search bar should retain its full border and not appear clipped - Task tiles should maintain consistent spacing from the scrollbar (no overlap) **Other Notes:** <img height="400" alt="Image" src="https://github.com/user-attachments/assets/82fd15da-e047-42d0-8606-920a497cc8d0" />

edfloreshz commented

2026-05-06 19:12:10 +00:00

(Migrated from github.com)

This is definitely fixable! Thanks for reporting it.

👍 1