error with a select2 in front of a modal

Question

error with a select2 in front of a modal

Navigation

#1 by (1 votes)

0

I have the following problem, when selecting the select2, the options are shown below the modal hiding from the user's view, some way of solving it and showing it in front of the modal?

Try the following code:

.select2{
  z-index: 999999;
}

But it did not work.

jquery css select2

asked by Raphael 01.12.2017 в 00:19

source

1 answer

return two views in a Laravel 5.5 driver Function to add to the click but with values within the parentheses

score 1 · Accepted Answer

In general, when a modal is opened, it appropriates the events related to clicks and keys (for example, to close when you press ESC or ENTER).

Since select2 creates its dynamic html in the body and is out of the modal, it is not taken into account. For this, you must use the option dropdownParent passing it the ID of your modal:

$('#mySelect2').select2({
  dropdownParent: $('#myModal')
});

With that the content of the dropdown of select2 is inside the DOM node of the modal and should work well.