-
Notifications
You must be signed in to change notification settings - Fork 4.6k
Description
What problem does this address?
Currently, when the ComboboxControl is opened the component expands in place and pushes the surrounding content down.
This can cause noticeable layout shifts, especially when used in forms or panels with multiple controls stacked vertically.
It would be great if the component could behave like a select. This could be by default or otherwise have an optional prop (for example, overlay or dropdownMode="overlay") that allows the options list to be displayed on top of other content instead of expanding the component height. My preference is to have it by default.
We can also think of including an arrow (by default or with prop) like a regular select as well.
This is the current behavior:
combobox-pushing-content.mp4
I believe this would make this component way more usable in different contexts. IMO combobox provides way better experience than the other selects we have in place, but this particular issue is really limiting when trying to use it in different contexts.