material-ui icon indicating copy to clipboard operation
material-ui copied to clipboard

Published 20 hours ago • verified publisher icon mui

[Autocomplete] Option for autocomplete to maintain height when selecting multiple options

Open jmsims2 opened this issue 1 year ago • 2 comments

Duplicates

  • [X] I have searched the existing issues

Latest version

  • [X] I have tested the latest version

Summary 💡

When selecting multiple options in an autocomplete, the height of the autocomplete will grow, causing everything under it to shift around as well. Using the limitTags prop, helps when the menu isn't open, but then you have a growing/shrinking input. It would be nice if there was an option to not wrap when selecting multiple values in the autocomplete somehow.

image

Examples 🌈

No response

Motivation 🔦

No response

jmsims2 avatar May 18 '23 19:05 jmsims2

How would you present all the selected values in one row? You can disable wrapping by setting the flex-wrap: nowrap CSS property on the .MuiAutocomplete-inputRoot element.

michaldudak avatar Jun 14 '23 16:06 michaldudak

Do you have any updates on this? The proposed CSS solution didn't work for me.

loukandr avatar May 14 '24 09:05 loukandr