title: Bootstrap-Multiselect: Dropdown is underneatch outer container if overflow-y is used
body: <p>I'm using Bootstrap-Multiselect (<a href="http://davidstutz.de/bootstrap-multiselect/" rel="nofollow noreferrer">link</a>) ... 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 displayed over filter-container?</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="container filter-container"&gt;    
  
   &lt;div class="row"&gt;
    &lt;div class="col-md-12 search-box"&gt;          
        &lt;div class="col-md-12"&gt;
          &lt;form role="form-inline"&gt;
            &lt;div class="form-group search-form-group"&gt;
              &lt;label class="search-label"&gt;Users:&lt;/label&gt;
              &lt;div class="mid-width"&gt;
                &lt;select class="select-users form-control"&gt;&lt;/select&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/form&gt;    
        &lt;/div&gt;                                                                                        
    &lt;/div&gt;  
   &lt;/div&gt;  
  
  &lt;/div&gt;  
  </code></pre>
  
  <p>CSS: </p>
  
  <pre><code>.filter-container {
      padding: 1%;
      border: 1px solid #eee;
      max-height: 100px;
      overflow-y: scroll;
      background-color: #f8f8f8;
  }
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>$(document).ready(function() {
    $('.select-users').multiselect({
          maxHeight: 400,
          buttonWidth: '100%' 
      });
      var accounts = [
          { label: 'UserID 1', value: '1' },
          { label: 'UserID 2', value: '2' },      
          { label: 'UserID 3', value: '3' }, 
          { label: 'UserID 4', value: '4' },         
          { label: 'All', value: '' }  
          ];  
  
      $('.select-users').multiselect('dataprovider', accounts);  
  });
  </code></pre>
  
  <p><a href="https://jsfiddle.net/x78aopv7/" rel="nofollow noreferrer">Fiddle</a></p>
  
  <p>I think this <a href="https://github.com/davidstutz/bootstrap-multiselect/issues/382" rel="nofollow noreferrer">https://github.com/davidstutz/bootstrap-multiselect/issues/382</a> addresses the issue as well.</p>