CODEWITHSUNDEEP
jqueryjquery-select2bootstrap-popover
Subash
Subash

Reputation: 816

Select2 doesn't work on bootstrap popover form?

I have a table one row contains around 30 td for each td I open a popover where I will be showing my form because I want to show for which td they enter the values so I have chosen to use bootstrap popover,

enter image description here

I use select2 for all the select field on popover form. Like this,

$(".select2").select2({
   width: '100%',
});

But this doesn't seems to be working. select2 gets applied but option is not opening at all.

I also reinitialised the select2 like this,

$('body').on('shown.bs.popover', function (e) {
    $(".select2").select2("destroy").select2();
});

but still the same issue.

FIDDLE

Thanks in advance.

Upvotes: 2

Views: 1052

Answers (1)

genestiel
genestiel

Reputation: 104

I think select2 option did show, but it appeared behind popover container. Maybe you can try to change select2 z-index like below:

.select2-dropdown {
   z-index: 9001; //or try higher
}

Upvotes: 1

Related Questions