Add APIs for customizing the width of the Select dropdown - Githubissues

vaadin / web-components

A set of high-quality standards based web components for enterprise web applications. Part of Vaadin 20+

https://vaadin.com/docs/latest/components

434 stars 82 forks source link

Add APIs for customizing the width of the Select dropdown #7502

Open rolfsmeds opened 1 month ago

rolfsmeds commented 1 month ago

Describe your motivation

The Select component lacks APIs similar to those in ComboBox for setting the overlay width:

A style property
A Flow setter

Describe the solution you'd like

Add a style property corresponding to the one in vaadin-combo-box: --vaadin-select-overlay-width
Add a Flow ComboBox setter similar to the one in ComboBox: setOverlayWidth(String width) (see https://github.com/vaadin/flow-components/issues/2331)
Add documentation for this to https://vaadin.com/docs/latest/components/select, corresponding to that for Combo Box

Describe alternatives you've considered

No response

Additional context

No response

web-padawan commented 1 month ago

Note, the default min-width is currently set to --vaadin-select-text-field-width and we should keep that as a fallback.

web-padawan commented 1 month ago

Related: #707 (the use case described there could be achieved by using --vaadin-select-overlay-width: auto).