vaadin/flow-components

Select - Dropdown indent table for combobox dropdown

subITCSS opened this issue · 1 comments

Describe your motivation

If the user sees a select and a combo box directly next to each other and wants to operate them, we have an unsightly ux at this point. While the combo box opens the overlay with the selection below/above the input field, the select opens the overlay directly above the input. Thus, we have an inconsistent opening behavior of both components (even if the combobox offers more possibilities than the select due to the search function)

The background to this is that if there are 100 entries in the select, the user cannot directly see what he has selected so far and would first have to search for it again in the list.

Describe the solution you'd like

One implementation would be if there were a method (or a new default) that allows the overlay to behave exactly like the ComboBox.

image
image
image

Describe alternatives you've considered

No response

Additional context

No response

Closing as duplicate of vaadin/web-components#5101 - see that issue for a workaround.