How to stop the dropdown from expanding when selecting multiple values or hiding the selected values so that other elements are not pushed down on the page?

Dash Python
1

How can I keep all the values selected in a dropdown hidden or without the dropdown from expanding? Its causing the other elements to be pushed down on the page

**** I cant increase the width of the dropdown because I have multiple dropdowns on the page
dropdown

image
image539×654 14 KB

1 Like
2

Hey @kl188 did you get to find a solution ?

I have the same issue with a multi-select dropdown filled with lots of elements, which in turn messes with my layout.

The best would be to have an elevator in the multi-select dropdown so that we can set a fixed height for the dropdown. I wonder if that is possible in CSS or not, or if it relates to the underlying JS component.

Thanks everyone for your help !