WrapBootstrap

Discussion on Material Admin - Responsive Admin Theme

Showing 1 – 1 of 1 replies
fabsan

[Untitled]

fabsan
5 years ago
<div class="modal fade" id="modal-default">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title pull-left">Default modal</h5>
</div>
<div class="modal-body">
<div class="form-group">
<label>Basic Example - Single Select</label>
<select class="select2">
<option>Subaru</option>
<option>Mitsubishi</option>
<option>Scion</option>
<option>Daihatsu</option>
<option>Hino</option>
</select>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-link">Save changes</button>
<button type="button" class="btn btn-link" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
Reply
rushenn
rushenn SELLER
5 years ago
Look like the issue is due to the higher z-index set on modal backdrop. Add the following code in to your CSS.

.modal-backdrop + .select2-container--open {
z-index: 10000;
}

This will fix the issue.
Reply
Close