Skip to content
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

maxDropdownHeight height for Multiselect not working #39

Closed
inovachrono opened this issue Feb 13, 2022 · 2 comments
Closed

maxDropdownHeight height for Multiselect not working #39

inovachrono opened this issue Feb 13, 2022 · 2 comments

Comments

@inovachrono
Copy link

If maxDropdownHeight property does what it says then it's clearly not functioning.

image

I would like the multiselect to occupy no more than the first line of values. I would be requiring few dropdowns that have hundreds of items to select and filter from. Is there any way I can fix the height of the dropdown to a specified number of pixels?

I wonder if someone has checked the kind of dropdown google datastudio provides.
image
It occupies no more than a single line.

@snehilvj
Copy link
Owner

maxDropdownHeight sets the maximum height of the dropdown which is working fine. What you are looking for is not supported by MultiSelect component. But you should be able to get this behaviour using Checkbox Inputs with a Popover. Popover not available in dmc right now, I'll try to add it but meanwhile have a look at using Popover from dbc.

https://dash-bootstrap-components.opensource.faculty.ai/docs/components/popover/

@inovachrono
Copy link
Author

Thank you @snehilvj . I thought it would restrict the height of the MultiSelect component. It occupies a lot of space when multiple things are selected and disturbs the entire layout.

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

2 participants