Scrolling long lists about angular-multi-select HOT 5 CLOSED

Hi markbairlift,

Thanks for your interest in the directive.

By default it will extend all the way, but you can control a lot of visuals by modifying the CSS file.

Try to open the CSS file and find this part which controls the popup layer:

.multiSelect .checkboxLayer {
    background-color: #fff;
    position: absolute;
    z-index: 999;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box; 
    padding: 15px;
    min-width:270px;
}

In this class you can add something like..

    ...
    max-height: 300px; 
    overflow: auto; /* or scroll */            
    ....

Then it'll show a vertical scrollbar when it's higher than 300px.

Does this answer the problem?

from angular-multi-select.

That's exactly what I needed to know. Thanks for the quick reply!

from angular-multi-select.

Alright, no problem. Thanks mark!

from angular-multi-select.

How you set the input control (NOT the drop down width) to be a fixed width?

from angular-multi-select.

HI @onnorh ,

Can you describe which input? Is it the search box?

from angular-multi-select.