Search palette does not shrink to its results (fixed full height); grow to content, cap, scroll inside #529

Open
opened 2026-09-30 15:08:31 +00:00 by kayg · 0 comments
Owner

Owner report (2026-09-30, screenshot): "search bar does not shrink vertically when there are not that many results?"

The Search palette opens at a fixed, nearly full-screen height: with 10 results (Recent 3, Navigate 7) most of the panel is empty glass, and the action pill sits at the very bottom.
Earlier owner rules (from memory): the palette grows with its results, up to one third of the way from the bottom of the screen, and the results list scrolls inside it when there are more entries than fit. The results list is its own scroller; there is no inset highlight at the bottom edge (match the bottom radius).
Fix: height = content height (input + results + action row), capped at the available height (visualViewport aware on phones). It animates height changes smoothly with the spring for pointer and typing, with no motion for keyboard-driven changes (#527), and it never jumps (combine with #499: the palette must not shift 8 px when results grow; keep the input anchored). The action pill (Open / See all / Actions) sits right under the last result.
Tests: the palette height is at most the content for 0, 3, 10 and 100 results; the input stays put; results scroll when capped. Screenshots at 1440 and 390 in both themes.

## Owner report (2026-09-30, screenshot): "search bar does not shrink vertically when there are not that many results?" The Search palette opens at a fixed, nearly full-screen height: with 10 results (Recent 3, Navigate 7) most of the panel is empty glass, and the action pill sits at the very bottom. **Earlier owner rules (from memory):** the palette grows with its results, up to one third of the way from the bottom of the screen, and the results list scrolls inside it when there are more entries than fit. The results list is its own scroller; there is no inset highlight at the bottom edge (match the bottom radius). **Fix:** height = content height (input + results + action row), capped at the available height (`visualViewport` aware on phones). It animates height changes smoothly with the spring for pointer and typing, with no motion for keyboard-driven changes (#527), and it never jumps (combine with #499: the palette must not shift 8 px when results grow; keep the input anchored). The action pill (Open / See all / Actions) sits right under the last result. Tests: the palette height is at most the content for 0, 3, 10 and 100 results; the input stays put; results scroll when capped. Screenshots at 1440 and 390 in both themes.
Sign in to join this conversation.
No labels
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
kayg/calternal#529
No description provided.