Select2 modal

Question

Bir modal Select2 kullanıyorum

arkasında görünen ama burada gördüğünüz gibi o, pek doğru çalışmıyor: https://gyazo.com/a1f4eb91c7d6d8a3730bfb3ca610cde6

sonuç modal arkasında görünür. Bunu nasıl düzeltebilirim? Simular yazılarını okudum ama hepsi tabindex'i kaldırma hakkında konuşmam, kodumda olmayan bir şey var, bu yüzden nasıl düzelteceğimi bilmiyorum. İşte benim kod:

<div class="remodal shadow" data-remodal-id="keuze" data-remodal-options="closeOnOutsideClick: false"> 
    <button data-remodal-action="close" class="remodal-close"></button> 
    <div class="panel-header">Kies uw type logboek</div> 
    <div class="modal-body"> 
     <select id="select" class="searchselectstyle select2"></select> 
     <button data-remodal-action="cancel" class="remodal-cancel mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect cancel">Cancel</button> 
     <button data-remodal-action="confirm" class="remodal-confirm mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect send">Aanmaken</button> 
    </div> 
</div> 

<script type="text/javascript"> 
    token = '{{csrf_token()}}'; 
    $(document).ready(function() { 
     $('#select').select2({ 
      ajax: { 
       type: "POST", 
       url: "ajax/getlogtypes", 
       dataType: 'json', 
       data: function (params) { 
        return { 
         q: params.term, // search term 
         page: params.page, 
         '_token' : token 
        }; 
       }, 
       escapeMarkup: function (markup) { 
        return markup; 
       }, // let our custom formatter work 
       minimumInputLength: 1 
      } 
     }); 
    }); 
</script> 

Answer 1

Rory McCrossan önerildiği gibi DOM teftiş ettikten sonra ben 2'yi Seç tarafından oluşturulan span elemanları daha düşük Z-endeksine sahip çıktı düşündüm. Çözelti yukarıda benim durumumda işlemesi mümkün değil

.select2-container{ 
    z-index:100000; 
} 

Answer 2

: Ben kodu aşağıdaki ekleyerek düzelttim. Ancak aşağıdaki css'yi ekleyerek çözdüm:
.select2-drop {z-index: 99999;}