Semantic UI - Можно ли использовать форму в выпадающем меню?

Question

Используя SemanticUI, можно ли вставить форму с раскрывающимися элементами, вложенными в раскрывающееся меню?

Вот скрипку, чтобы показать, что я имею в виду: 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

вложенной выпадающий будет оказана правильно, если второй селектор JQuery в jsfiddle заменяется

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

Answer 2

Фактически, реальной проблемой в моем случае был «простой» класс, добавленный к выпадающему элементу.

Использование семантического-UI реагировать, я звоню компонент таким образом:

<Dropdown item icon='wrench' simple> 

Мы должны удалить «простой» атрибут, если мы хотим, чтобы добавить вложенные компоненты в нашем списке.