Multiselect Dropdown Z-index Not Working Inside A Scroll Container Div

Multiselect Dropdown z-index not working inside a scroll container div. It shows scroll instead of opening it like another drop-down. Sample code : 'http://jsfiddle.net/rousseauo/a

Solution 1:

You need just only to set: overflow: inherit !important;

Your updated Fiddle: http://jsfiddle.net/kLn28n63/

Solution 2:

You have applied css to the #scrollMe div. Just change it

#scrollMe {
    height: auto;
    background-color: yellow;
    /* overflow-y: auto; *//* overflow-x: hidden; */padding: 20px;
}

Notice I have commented

`/* overflow-y: auto; */`
    `/* overflow-x: hidden; */`

Solution 3:

Remove margin from .ms-options-wrap > .ms-options class.

.ms-options-wrap > .ms-options{margin-bottom: 0;}