Bootstrap-multiselect: Long Dropown Lists with Scrollbar?

Created on 14 Nov 2012  路  9Comments  路  Source: davidstutz/bootstrap-multiselect

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?

Most helpful comment

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;
}

All 9 comments

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...

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;
}

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

@egeback Thank you, it works

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 !

Thanks! @egeback

Big Thanks @egeback

Greate Thanks @egeback.. 馃憤 :)

it really works, great!

Was this page helpful?
0 / 5 - 0 ratings

Related issues

drmcclelland picture drmcclelland  路  9Comments

ingenierotecnico picture ingenierotecnico  路  7Comments

arunsasi picture arunsasi  路  18Comments

jm21 picture jm21  路  13Comments

andriijas picture andriijas  路  8Comments