Interface utilisateur sémantique - Est-il possible d'utiliser un formulaire dans un menu déroulant?

Question

En utilisant SemanticUI, est-il possible d'insérer un formulaire avec des éléments déroulants imbriqués dans un menu déroulant?

est ici un violon montrer ce que je veux dire: https://jsfiddle.net/Nanego/tnv34c7b/5/

<div class="ui top attached menu"> 
    <div class="ui dropdown icon item"> 
    <i class="wrench icon"></i> 
     <div class="menu"> 
     <div class="ui segment"> 
      <form class="ui form"> 
      <div class="field"> 
       <div class="ui form"> 
       <div class="field"> 
        <label>Country</label> 
        <select multiple="" class="ui dropdown"> 
        <option value="">Select Country</option> 
        <option value="AF">Afghanistan</option> 
        <option value="AX">Åland Islands</option> 
        ... 
        <option value="CM">Cameroon</option> 
        </select> 
       </div> 
       </div> 
      </div> 
      <button class="ui button" type="submit">Submit</button> 
     </form> 
     </div> 
    </div> 
    </div> 
</div> 

Answer 1

La liste déroulante imbriquée sera rendu correctement si le second sélecteur jquery dans le jsFiddle est remplacé par

$('.selection.dropdown').dropdown();

Answer 2

En fait, le vrai problème dans mon cas était la classe "simple" ajoutée à l'élément dropdown.

utilisant une réaction sémantique-ui, j'appelle la composante de cette façon:

<Dropdown item icon='wrench' simple> 

Nous devons supprimer l'attribut « simple » si nous voulons ajouter des composants imbriqués dans notre menu déroulant.