search

snapappointments / bootstrap-select

:rocket: The jQuery plugin that brings select elements into the 21st century with intuitive multiselection, searching, and much more.
https://developer.snapappointments.com/bootstrap-select/
MIT License
9.85k stars 2.72k forks source link

SweetAlert2 - bootstrap select dropdown appears behind/cutoff parent div border #2858

Closed ctml91 closed 8 months ago

ctml91 commented 8 months ago

When used in a sweetalert2 popup, the expanded dropdown is cutoff and appears behind the borders of the container its in.

I've attempted locally to try and adjust the z-index of the dropdown, but it does not seem to help.

Test Case: https://jsfiddle.net/vu036wmx/14/

ctml91 commented 8 months ago

Looks like this is primarily caused by SweetAlert2 and how its assigning z-index to various elements, you must set the container to a higher z-index and also set the !important flag else it will not work.

https://jsfiddle.net/q740kfzd/16/