Я использую boostrap-multiselect в модальном режиме. Проблема заключается в том, что выпадающий список с несколькими выборками устанавливает его высоту в зависимости от страницы, находящейся за модальным, поэтому, когда высота страницы больше, чем у модальной, выпадающий список зависает. Мой код:
<div class="modal-dialog">
<div class="modal-content" style="width: 750px !important;">
<div class="modal-header">
<h5 class="modal-title">New Item</h5>
</div>
<div class="modal-body">
<div class="container-fluid">
<div class="row">
<div class="col-sm-4">
<label for="name" style="text-align: center; display: block; color: blue;">Items</label>
<select multiple title="Items" class="selectpicker company_working_brands" id="company_working_brands">
<optgroup label="Item-A">
<option>A1</option>
<option>A2</option>
<option>A3</option>
<option>A4</option>
<option>A5</option>
<option>A6</option>
<option>A7</option>
<option>A8</option>
<option>A9</option>
<option>A10</option>
</optgroup>
<optgroup label="Item-B">
<option>B1</option>
<option>B2</option>
<option>B3</option>
<option>B4</option>
<option>B5</option>
<option>B6</option>
<option>B7</option>
<option>B8</option>
<option>B9</option>
<option>B10</option>
</optgroup>
</select>
</div>
</div>
</div>
</div>
</div>
</div>