Skip to content

fix: keep the space logo picker inside the viewport - #774

Merged
gajjug004 merged 1 commit into
developfrom
fix/space-logo-picker-popover-overflow
Sep 11, 2026
Merged

fix: keep the space logo picker inside the viewport#774
gajjug004 merged 1 commit into
developfrom
fix/space-logo-picker-popover-overflow

Conversation

@gajjug004

@gajjug004 gajjug004 commented Sep 10, 2026

Copy link
Copy Markdown
Collaborator

Problem

Opening the Space Logo picker on a short window pushes the popover off the top of the screen. The colour swatches and the Icon/Upload tabs cannot be reached.

Before

image

After

image

Solution

reka's popover defaults to sticky: "partial", so shift() gets limitShift() and keeps the panel attached to its trigger rather than clamping it to the viewport. A panel taller than the room on its side has to cap itself.

Both icon popovers now cap at --reka-popper-available-height, and the icon grid shrinks into what is left: its scroller is a flex child rather than a percentage height, which a flex item's auto height leaves indefinite. Without that the grid kept its full 18rem, spilled past the panel and was chopped mid-row by the shell's overflow, taking the bottom padding and the fade with it.

IconPicker's tab-icon popover had the same bug and got the same fix.

@greptile-apps

greptile-apps Bot commented Sep 10, 2026

Copy link
Copy Markdown

RetriggerConfidence Score: 4/5

The layout fix appears sound, but the repository’s required regression coverage must be restored before merging.

Reviews (3) · Last reviewed commit: "fix: keep the space logo picker inside t..."

@gajjug004
gajjug004 force-pushed the fix/space-logo-picker-popover-overflow branch from e871ca4 to 40f771f Compare September 11, 2026 04:22
@NagariaHussain

Copy link
Copy Markdown
Member

Let's remove the test, not needed.

The picker's trigger sits low in the space settings dialog, so the
popover flips above it. reka defaults to sticky: "partial", which passes
limitShift() to shift() -- the panel stays glued to its trigger instead
of clamping to the viewport, so a panel taller than the room on that
side runs off the top of the screen. The colour swatches and the
Icon/Upload tabs were unreachable.

Cap both icon popovers at --reka-popper-available-height and let the
icon grid shrink into what is left: the scroller is a flex child of the
grid rather than a percentage height, which a flex item's auto height
leaves indefinite -- it kept its full 18rem, spilled past the panel and
was chopped mid-row by the shell's overflow.

IconPicker's tab-icon popover had the same bug.
@gajjug004
gajjug004 force-pushed the fix/space-logo-picker-popover-overflow branch from 40f771f to c2bd670 Compare September 11, 2026 06:29
Comment thread frontend/src/components/IconGrid.vue
@gajjug004
gajjug004 merged commit fd761b7 into develop Sep 11, 2026
9 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants