Limit Dash Mantine MultiSelect component height

I’m using the MultiSelect component from Dash Mantine Component library.

I’ve read this and this pages but can’t figure out how to stop the component to increment it’s height when there are enought options selected that goes beyond the component’s width.

I want the MultiSelect to be fixed at 1 line so that the layout is not messed up.

Perhaps the image below can illustrate better my query

Thanks!

Hey @Danilo_BR !

I don’t think there is any convenient way how to do this. What are your expectations i.e. when user select 20 items, where would they go? The only way is to limit maximum number of items or work with a width but I believe that is not what you are looking for.

1 Like

Hello. Although this isn’t my post I have the same issue with the height of the component when too many items are selected. In other components, its been possible that after X items are selected it would simply replace the actual items with a text string like “10x Items selected”. This would allow for the height of the component to stay the same. Something like the image attached

image

Hi @harrisward

That’s possible in Mantine, but isn’t available yet in Dash Mantine Components

In the meantime, it might be possible to limit the height and have the selected options scroll.

1 Like

Thanks for that @AnnMarieW. I thought it was work submitting a feature request since its possible in the Mantime but just not implemented in Dash Mantime as you mentioned. Fingers crossed!