Skip to main content

Fix voor Select2 voor Datatables Editor in combinatie met Bootstrap 5

Bij het gebruik van een Select2-veld in Datatables Editor, in combinatie met Bootstrap 5, blijft het Select2-veld achter de Modal hangen. Ook de zoekfunctie werkt niet.

Plaats onderstaande code op de pagina om dit op te lossen.

$('body').on('shown.bs.modal', '.modal', function () {
    $(this).find('select').each(function () {
        $(this).select2({
            dropdownParent: $('.modal')
        });
    });
});

Bron: search field Select2 seems not to work with Bootstrap5 — DataTables forums