Skip to content

Custom Selects Now Fill Entire Form Width #25413

@Rabadash8820

Description

@Rabadash8820

In v4.0, custom selects now have "width: 100%", causing them to fill up an entire line of a form. I assume that this is a bug, as it looks pretty weird. A perfect test case is the Bootstrap documentation. In the "Components > Forms" section, under "Inline forms", there is an example under "Custom form controls and selects are also supported" that includes a custom select. Back in v4 alpha 6, this select was only as wide as its widest text; now in the v4 full release, the select takes up the entire width of the form, pushing all following controls onto the next line, as seen below:

I observed this behavior in Windows 10, on Chrome 63 (64-bit), Edge 41, and IE 11.

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