Skip to content

ComboboxControl pushing content down when open #73551

@juanfra

Description

@juanfra

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.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions