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.

support very long dropdown menu

See original GitHub issue

Add

.dropdown-menu {
    max-height: 500px;
    overflow-y: auto;
}

We can make a nicer scroll bar too.

Issue Analytics

  • State:closed
  • Created 12 years ago
  • Reactions:2
  • Comments:10 (2 by maintainers)

github_iconTop GitHub Comments

13reactions
ledcommented, Feb 15, 2012

Would amend this to accommodate any egregiously long menu entries.

.dropdown-menu {
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}
2reactions
brettryancommented, Jan 6, 2017

Hey @mdo can you define what is a “very long menu”?

I’m visually impaired (tunnel vision and need to zoom window). For me > 10 menu items means I can’t see them all. 10 isn’t uncommon btw.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Solution For Very Long Dropdown Menus - CSS-Tricks
The problem with long dropdowns is that the dropdown itself can go below the “fold” of the website. That is, below the visible...
Read more >
How do you deal with very long dropdown values?
Usually, dropdown menus are made as long as their longest value. However, that works well only for dropdowns with a predefined set of...
Read more >
Very Long Dropdown Menus issue - Stack Overflow
I have used Solution For Very Long Dropdown Menus it's a great drop down menu but the problem is that I cannot set...
Read more >
Dropdown menu to long and over the window view
One of my subcategories contains more than 20 items, making the dropdown menu very long and not fully visible for the user. Is...
Read more >
Designing Drop-Down Menus: Examples and Best Practices
From a design standpoint, however, drop-down menus are an excellent feature because they help clean up a busy layout.
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