ne peut pas taper dans le champ de recherche menu déroulant d'entrée Select2 (http://kevin-brown.com/select2/)

Question

ne peut pas taper dans le champ de recherche menu déroulant d'entrée Select2 (http://kevin-brown.com/select2/)

J'ai trouvé beaucoup de problèmes répertoriés qui mentionne le même problème mais rien n'a fonctionné pour moi (https://www.google.com/search?q=can%27t+type+in+select2&ie=utf-8&oe=utf-8&client=firefox-b-ab). Je ne peux pas taper dans le champ de recherche d'entrée de liste déroulante Select2 dans la boîte de dialogue du modèle en utilisant jQuery. En passant, je peux sélectionner la valeur de la liste déroulante. Essayé d'insérer tabindex: 0 mais pas de chance.

code:

$.ajax({ 
    type: "POST", 
    url: "<?php echo $myScripts; ?>", 
    data: { id1: "get-release-dropdown-html", id100: "<?php echo $dbTable; ?>" }, 
    success:function(releaseDropdown){ 

     $('#progress').hide(); 

     $("#modelDialog1").dialog({ 
      modal: true, 
      width: '570', 
      height: '600', 
      resizable: true, 
      position: 
      { 
       my: "center", 
       at: "center", 
       of: window, 
      }, 
      title: "Trigger Build", 
      open: function() { 

       $(this).html("<br/>Please select job options.<br/><br/><br/><b>Release:</b>" + releaseDropdown + "<div style='margin-top:30px;'/><b>Build Release Candidate:</b><select id='sReleaseCandidate'><option value='ga' selected>GA</option><option value='beta1'>BETAX</option>'></br>"); 

       $("#sDescription").focus(); 

       $("#sRelease, #sReleaseCandidate").select2({ 
        tags: true 
       }); 
      }, 

      close: function() { 
       $(this).dialog("close"); 

      }, 

     }); 

    } 

}); 

Answer 1

Comme indiqué dans https://github.com/select2/select2/issues/600#issuecomment-102857595

Vous devez spécifier élément de dialogue modale en tant que parent pour select2, qui fera attention que reste avec le modal, même si vous avez cliqué sur l'élément de sélection

$("#sRelease, #sReleaseCandidate").select2({ 
    tags: true, 
    dropdownParent: $("#modelDialog1") 
});