select2 in Bootstrap v4 Dropdown-Menü

Question

Dies ist im Wesentlichen meine Frage select in bootstrap v4 dropdown; Allerdings musste ich ein select2-Tag hinzufügen. Zur Erinnerung, ich möchte ein Auswahlfeld in ein Dropdown-Menü einfügen. Es funktioniert auf dem Desktop und etwas (aber nicht wirklich) auf dem Handy. Es ist veröffentlicht auf outtopastureenterprises.com/selectInDropdown.html

BTW, ohne select2, funktioniert es überhaupt nicht auf mobile, weshalb ich mit diesem Tag reposted.

<div class="dropdown"> 
    <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 
    Dropdown 
    </button> 
    <div class="dropdown-menu" aria-labelledby="dropdownMenu1"> 
    <span class="dropdown-item" ><input type="text"/></span> 
    <span class="dropdown-item" > 
     <!--<span>Grid Size</span>--> 
     <select class="c-select" style="width: 50%" id="gridSize"> 
     <option>Grid Size</option> 
     <option value="1">One</option> 
     <option value="2">Two</option> 
     <option value="3">Three</option> 
     </select> 
    </span> 
    <a class="dropdown-item" href="#">Something else here</a> 
    </div> 
</div> 

<script> 
$(document).ready(function(){ 
    $('select').select2(); 
}); 
</script> 

Answer 1

alles, was benötigt wird, ist e.preventDefault(); auf dem Elternteil des select2. Der Ort des Dropdowns ist nicht perfekt, aber es funktioniert definitiv.