Bootstrap-multiselect: Dropdown Is Underneatch Outer Container If Overflow-y Is Used

I'm using Bootstrap-Multiselect (link) ... when the outer container has a overflow-y: scroll and a max-height ... the dropdown of the multiselect disappears. How can I get it to be

Solution 1:

Add a class in your css

.multiselect-container {
  position:relative;
}

Fiddle

Solution 2:

Try this one

<selectclass="selectpicker" multiple>
  <option>Mustard</option>
  <option>Ketchup</option>
  <option>Relish</option>
</select>

under example click