Select min-width

[Nosfistis]

Related component

Select

Context

The select component's width is determined by the max width of its options, as per browser behavior. However, the select box does not specify a min-width, which means that selects with no options, or options with a few characters of text do not appear well.

This is particularly common in JS frameworks that might load the options array lazily.

Alternatives

We are enforcing a min-width of 5 characters to mitigate for such cases.