CustomSelectControlV2: fix select popover content overflow #62844
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
What?
Part of #55023
Set a minimum width for the
CustomSelectControl
V2's select popoverWhy?
To avoid content overflowing or horizontal scrolling inside the popover
How?
min-width: fit-content
to the popover wrapper to avoid the content from overflowingslide={false}
on Ariakit'sSelectPopover
to keep the popover anchored to its trigger while scrolling the page horizontallyTesting Instructions
Click to expand
CustomSelectControlV2
Legacy "With Long Labels" storyScreenshots or screencast
cscv1.-.item.wrapping.mp4
cscv2.-.item.wrapping.-.before.mp4
cscv2.-.item.wrapping.-.after.mp4