セマンティックUIのポップアップ流体タグがUIアイテムクラス内で動作しない

docsの例のようにポップアップメニューを作成しようとしていますが、ui itemクラスでもポップアップを囲むとfluid属性が機能しなくなりますメニュークラスとして。代わりに、ポップアップはボタンのように表示されます。メニューと項目の両方にセマンティックUIのポップアップ流体タグがUIアイテムクラス内で動作しない

私がきちんと並んで私の私のメニュー要素を維持するためにui itemクラスを必要とするので、私は流体の属性を保持する（または同等の効果を得る）ために周りの仕事を探していますクラスは適所にある。

私のコードは、（混入いくつかの追加要素ではなく、このコードは、エラーを再現するのに十分である）ビットのようになります。

<div class="ui menu"> 
<!-- Removing ether menu above, or item below will cause the fluid tag to work --> 
    <div class="ui item"> 

    <div class="ui button"> 
     hi 
    </div> 
    <div class="ui fluid popup"> 
    <!-- fluid class currently has no effect --> 
     Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
    </div> 
    </div> 
</div>

と作業jsfiddle：

http://jsfiddle.net/hb54c7r0/7/

出典

2017-02-16 JKiely