Profile right sidebar can't be scrolled to its bottom — scroll bound to left column #5

Closed
opened 2026-07-08 10:43:12 +00:00 by laoc · 2 comments
Owner

Report

On the profile page, the right sidebar (Über / Auf einen Blick / Communities / Badges cards) cannot be scrolled to its bottom: its scroll position is bound to scrolling the left column where the posts/events are displayed. If the left column is short or stops scrolling, the lower sidebar cards are unreachable.

Expected

The sidebar content must always be fully reachable, independent of the left column's scroll height.

screenshot

## Report On the profile page, the right sidebar (Über / Auf einen Blick / Communities / Badges cards) cannot be scrolled to its bottom: its scroll position is bound to scrolling the left column where the posts/events are displayed. If the left column is short or stops scrolling, the lower sidebar cards are unreachable. ## Expected The sidebar content must always be fully reachable, independent of the left column's scroll height. ![screenshot](https://git.edufeed.org/attachments/27327110-97f5-47f5-9b89-b3715ecbadb3)
Author
Owner

Fixed on branch fix/profile-ui-issues-5-6.

Root cause: the rail is position: sticky; top: 74px with no height cap. When the rail is taller than the viewport, its lower cards can never scroll into view once it sticks — they only move with the main column, which is exactly the reported behavior.

Fix: the rail is now capped to the visible scrollport (max-height: calc(100dvh - 158px)) and scrolls internally (overflow-y: auto, overscroll-behavior: contain). Verified in the browser at a 560px-tall viewport: the rail scrolls independently and the last card (Badges) is fully reachable. Below 940px the rail is static and unaffected.

Fixed on branch `fix/profile-ui-issues-5-6`. Root cause: the rail is `position: sticky; top: 74px` with no height cap. When the rail is taller than the viewport, its lower cards can never scroll into view once it sticks — they only move with the main column, which is exactly the reported behavior. Fix: the rail is now capped to the visible scrollport (`max-height: calc(100dvh - 158px)`) and scrolls internally (`overflow-y: auto`, `overscroll-behavior: contain`). Verified in the browser at a 560px-tall viewport: the rail scrolls independently and the last card (Badges) is fully reachable. Below 940px the rail is static and unaffected.
Author
Owner

Confirmed fixed by Steffen while testing (including two follow-up tweaks: hidden scrollbar, scroll chaining to the page at the rail ends). Merged to dev.

Confirmed fixed by Steffen while testing (including two follow-up tweaks: hidden scrollbar, scroll chaining to the page at the rail ends). Merged to `dev`.
laoc closed this issue 2026-07-09 08:38:38 +00:00
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set

Reference
edufeed/edufeed-app#5
No description provided.