Skip to content

Select: stop capped dropdowns overflowing their card - #37

Merged
microbit-matt-hillsdon merged 1 commit into
mainfrom
select-capped-height-overflow
Aug 3, 2026
Merged

Select: stop capped dropdowns overflowing their card#37
microbit-matt-hillsdon merged 1 commit into
mainfrom
select-capped-height-overflow

Conversation

@microbit-matt-hillsdon

@microbit-matt-hillsdon microbit-matt-hillsdon commented Aug 3, 2026

Copy link
Copy Markdown
Contributor

RAC writes the maxHeight prop as an inline max-height on the popover, a border-box measure that includes the card's padding and border. The list inherited that same value, so it overshot the inner box and rows spilled past the rounded bottom edge. Size it with flex instead. Fixes the ComboBox equivalent too, since the slots are shared.

Closes #34

RAC writes the maxHeight prop as an inline max-height on the popover,
a border-box measure that includes the card's padding and border. The
list inherited that same value, so it overshot the inner box and rows
spilled past the rounded bottom edge. Size it with flex instead.
Fixes the ComboBox equivalent too, since the slots are shared.

@microbit-grace microbit-grace left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@microbit-matt-hillsdon
microbit-matt-hillsdon merged commit 64392f0 into main Aug 3, 2026
1 check passed
@microbit-matt-hillsdon
microbit-matt-hillsdon deleted the select-capped-height-overflow branch August 3, 2026 16:15
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.

Select capped height story overflows dropdown

2 participants