No puedo hacer clic en el menú desplegable de entrada de búsqueda. En primer lugar, ya busqué en Google y este es un problema común para select2 con bootstrap3 o bootstrap4, sin embargo, para bootstrap 5 es un poco diferente (traté de eliminar z-index en bootstrap 4 y funciona), ya probé soluciones como z -índice, $.fn.modal.Constructor.prototype.enforceFocus = function() {}; , $('#mySelect2').select2({ dropdownParent: $('#myModal') }); , y varios css pero aún no funcionan.
Tal vez me estoy perdiendo algo, no estoy seguro, han pasado como 4 días, espero que me puedan ayudar.
aquí jsFiddle: jsfiddle
Realmente no estoy seguro de por qué, pero dropdownParent lo arreglará.
$('.select2').each(function () { $(this).select2({ theme: 'bootstrap-5', dropdownParent: $(this).parent(), }); });