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

Long Dropown Lists with Scrollbar? #1

Closed
Calaelen opened this issue Nov 14, 2012 · 9 comments
Closed

Long Dropown Lists with Scrollbar? #1

Calaelen opened this issue Nov 14, 2012 · 9 comments

Comments

@Calaelen
Copy link

Hi,

I have a multiselect box with 30+ options which opens the dropdown all over the screen (and above).

Is it possible to define a max height or something similar to create a scrollbar inside the dropdown list?

@davidstutz
Copy link
Owner

Hi,

no scollbars are currently not supported. I will think about this problem, but I am afraid that an optical nice solution is not possible, because Bootstrap does not support any kind of scrollbars. But the default browser scrollbars could be used. I will have a look whether to add such an option.

Update: Seems like just adding a "max-height" definition on the dropdown menu will not solve the problem...

@egeback
Copy link

egeback commented Jan 9, 2013

Hi,

I also have long lists and after some googling I found that this solve the problem:

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

@davidstutz
Copy link
Owner

Thanks! It seems as if it works. I added a maximum height option, using your solution!

@ZuBB ZuBB mentioned this issue Jun 8, 2013
davidstutz pushed a commit that referenced this issue Oct 14, 2015
@M-Shahbaz
Copy link

@egeback Thank you, it works

@sangar82
Copy link

sangar82 commented May 3, 2016

This is issue is not solved. @egeback solution solves the issue, but is not added in the master branch!

I would add a new feature to this: scroll up the scrollbar when open the option dropdown

Thanks for this package @davidstutz !

@Santiago-ae
Copy link

Thanks! @egeback

@zad9999
Copy link

zad9999 commented Mar 13, 2017

Big Thanks @egeback

@t2pdev02
Copy link

Greate Thanks @egeback.. 👍 :)

@WaldoRR
Copy link

WaldoRR commented Dec 18, 2017

it really works, great!

davidstutz pushed a commit that referenced this issue Oct 31, 2020
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

9 participants