Errore "Nessuna animazione css corrispondente all'errore specificato" dall'esempio dropdown del copia-incolla

Question

Sto usando Semantic 1.4.1 (provato anche con 1.6.1) e ho incollato direttamente l'esempio del menu a discesa dalla documentazione:

<div class="ui selection dropdown"> 
    <input type="hidden" name="gender"> 
    <div class="default text">Gender</div> 
    <i class="dropdown icon"></i> 
    <div class="menu"> 
    <div class="item" data-value="1">Male</div> 
    <div class="item" data-value="0">Female</div> 
    </div> 
</div> 

ottengo l'errore

[Error] Transition: There is no css animation matching the one you specified. slide down in 
    error ([native code], line 0) 
    error (semantic.js, line 15438) 
    animate (semantic.js, line 15438) 
    initialize (semantic.js, line 15438) 
    (anonymous function) (semantic.js, line 15438) 
    each (jquery-1.7.1.min.js, line 2) 
    each (jquery-1.7.1.min.js, line 2) 
    transition (semantic.js, line 15438) 
    show (semantic.js, line 4432) 
    show (semantic.js, line 4432) 
    focus (semantic.js, line 4432) 
    dispatch (jquery-1.7.1.min.js, line 3) 
    i (jquery-1.7.1.min.js, line 3) 

e il menu non scende verso il basso. Ho provato su Safari e Chrome (su OSX).

Sto costruendo 1.4.1 e 1.6.1 da src utilizzando gulp build.

Qualche idea?

Answer 1

Si scopre che si trattava del vecchio scricchiolante jquery-1.7.1. Una volta aggiornato a jquery-1.11.2 (con lo strumento di migrazione), l'HTML ha funzionato sul mio sito nello stesso modo in cui funziona sul sito doc.

Answer 2

Prova anche ad aggiungere prefissi -webkit- a transition.less.

È possibile utilizzare il meno autoprefixer per aggiungere automaticamente i prefissi al css.