Skip to content

Suggestion: Make Multiple Select options line break optional #1865

@marcoschwepp

Description

@marcoschwepp

Is your feature request related to a problem? Please describe.
When multiple = true and I select several options that don’t fit within the input field, a line break currently occurs to ensure all selected options are visible.

Describe the solution you'd like
It would be great to have two new props:

  1. maxValuesShown: number – If the number of selected options exceeds this value, either the maxValuesMessage is displayed, or text truncation is applied.

  2. maxValuesMessage: string – An optional message to display when the selection exceeds maxValuesShown.

Describe alternatives you've considered
I tried customizing the styling to prevent the line break, but I couldn't get it to work.
(Any suggestions would be highly appreciated!)

Please let me know your thoughts! :)

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions