为什么当焦点在输入字段时，React 中的日期选择器会闪烁？

Question

有人能告诉我为什么当焦点在输入字段时 React 中的日期选择器会闪烁吗？

我在演示中使用了这个日期选择器

https://www.npmjs.com/package/semantic-ui-calendar-react

但它在焦点上闪烁，或者换句话说，当我聚焦到输入字段时，它首先显示在顶部然后下降到输入字段下方，为什么？这是我的代码

https://codesandbox.io/s/prod-hill-mpurn

<div style={{ position: "absolute", top: 100, left: 100 }}>
        <DateInput
          name="date"
          placeholder="Date"
          value={date}
          popupPosition="right"
          onChange={handleChange}
        />
</div>

有更新吗？

Answer 1

它有一个默认动画scale。您可以像下面这样传递 `animation={false} 道具来关闭它。

<DateInput
          name="date"
          placeholder="Date"
          value={date}
          popupPosition="right"
          onChange={handleChange}
          animation={false}
        />

代码沙箱： https://codesandbox.io/s/hloid

为什么当焦点在输入字段时，React 中的日期选择器会闪烁？

Why datepicker flicker in React when focus in input field?

javascript

reactjs

semantic-ui

semantic-ui-react