Skip to content

IgxSelect - Configurable width for the select dropdown #17404

Description

@remshams

Component / Area

Select

Is your feature request related to a problem?

Not sure if this classifies as a bug so I opened it as a feature request.

We currently have the issue that, depending on the width of the select input, the values in the dropdown are cut off.
The reason is that the dropdown is only as wide as the anchor input it is attached to

Image

Describe the solution you'd like

It would be great if there was an option to adjust the width of the dropdown independent of the width of the input it is connected to e.g. using a property in the overlay setting (maybe there already is and we are just not aware of it).

Proposed API or Usage

Describe alternatives you've considered

We currently work around the issue using a css hack (as shown in the example repository).

Image
igx-select.fit-content-workaround .igx-drop-down__list {
  width: max-content !important;
  max-width: 90vw;
}

How important is this feature to you?

Important — affects my workflow

Additional context

Example repository: https://github.com/remshams/igx-select-dropdown-width (AI generated)

Metadata

Metadata

Assignees

No one assigned

    Fields

    No fields configured for Feature.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions