question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

update Dropdown to accept maxHeight prop

See original GitHub issue

It would be very useful (especially with long lists) to be able to change the height of the Dropdown - the default settings allow for 5.7 options to be shown (optionHeight=35 and maxHeight=200).

A similar issue has been resolved (https://github.com/plotly/dash-core-components/pull/552) to allow the optionHeight prop to be passed, i.e.

dcc.Dropdown(
    id = 'dropdown_id',
    options = my_options,
    optionHeight = 35,
    # maxHeight = 80
),

so allow maxHeight to be passed in the same way.

See https://github.com/bvaughn/react-virtualized-select/blob/master/README.md#react-virtualized-select-props

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:5
  • Comments:7 (1 by maintainers)

github_iconTop GitHub Comments

1reaction
alexcjohnsoncommented, Jan 19, 2022

We’d gladly accept a PR if someone would like to add this prop. Please note that this repo is no longer in use, dash core components are now part of the main dash repo

0reactions
marchinidavidecommented, Jan 12, 2022

Any update on this?

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to set max-height of dropdown selection area?
Searching in net I found “size” property, but that not what I I need : I want to have dropdown selection, which is...
Read more >
Set Maximum Number of Items Shown in Dropdown List
update Dropdown to accept maxHeight prop ​​ It would be very useful (especially with long lists) to be able to change the height...
Read more >
max-height - CSS: Cascading Style Sheets - MDN Web Docs
The max-height CSS property sets the maximum height of an element. It prevents the used value of the height property from becoming larger ......
Read more >
Sizing · Bootstrap v5.0
You can also use max-width: 100%; and max-height: 100%; utilities as needed. ... "width": ( property: width, class: w, values: ( 25: 25%,...
Read more >
Sizing - MUI System
The sizing properties: width , height , minHeight , maxHeight , minWidth , and maxWidth are using the following custom transform function for...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found