Animation 下拉菜单与表单中的其他输入重叠

我正在开发一个使用角度、语义UI和动画的应用程序

我正在创建一个表单，当它打开时，我遇到了与其他输入重叠的下拉列表问题

这是一个扑克牌：

如您所见，从语义UI

字段类中删除
animated fadeIn
动画解决了该问题

那么，我该怎么做才能继续使用语义UI和动画，让下拉菜单在没有bug的情况下工作呢
 在这种情况下，建议在语义ui中使用内置的
淡入
动画（过渡）。这不会在下拉列表中引起任何错误。所以首先
删除
动画fadeIn
类，然后将代码更改为以下内容：

export class App {

  constructor() {

    jQuery('.fields')
  .transition('fade in')
;
    setTimeout(() => {
      jQuery('.ui.dropdown').dropdown();
    }, 1000);)
  }
}

请注意，您可以为转换设置参数，如：持续时间、回调，在转换设置中：

jQuery('.fields')
  .transition({
    animation  : 'fade in',
    duration   : '2s',
    onComplete : function() {
      alert('done');
    }
  })
;

有关更多设置，请参见
注意，
'2s'
是错误的值。您只能设置一个类型编号，例如
200
。可能是的，但他们在文档中所说的一定有一点缺陷，您可以同时使用它们（“2s”或2000），下面是一个工作演示：