scroll bar with many items about angular-multi-select HOT 5 CLOSED

Hi @andyczerwonka ,

You have to adjust it from the CSS file. Find a class named checkboxlayer and add:

• max-height: xxx px;
• overflow-y: scroll;

The next version will have this height setting as an attribute.

from angular-multi-select.

It works! But what if I wanted to scroll only the item list instead of all the widget (keep filter and buttons always visible)?

UPDATE: Found the way. Just need to add a div that contains the one with ng-repeat and give to that a class with the previously discussed css properties. Great job!

UPDATE: Example

.multiSelect .scroll {
position: relative;
overflow-y: scroll;
max-height: xxx px;
border-top: 1px solid #f2f2f2;
}


and set max-height: xxx px; overflow-y: hidden; in the class named checkboxlayer

from angular-multi-select.

Hi @apedrolli ,

Great that you managed to work it yourself :)

The next version will include this feature. Star this repository to get information on the next version.

from angular-multi-select.

Great guys - I will wait for this feature instead of modifying the CSS myself.

from angular-multi-select.

max-height: xxx px;
overflow-y: scroll;

Dis is not working in firefox multiselect>button.Any Idea?

from angular-multi-select.