Skip to content

Suggestion: Make Multiple Select options line break optional #1865

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
marcoschwepp opened this issue Feb 18, 2025 · 0 comments
Open

Suggestion: Make Multiple Select options line break optional #1865

marcoschwepp opened this issue Feb 18, 2025 · 0 comments

Comments

@marcoschwepp
Copy link

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! :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant