react-dates 日期选择器默认弹出行为

Question

我在我的 react 应用程序上使用 react-dates ^18.4.0，我注意到“打开”时有一个奇怪的行为

当我点击<Input box id="start date"> 时，有时会立即弹出<DatePicker/>，有时它会从上到下慢慢打开。

我在 storybook 上进行了搜索，这似乎是 datepicker 组件的默认行为。 http://airbnb.io/react-dates/?selectedKind=DateRangePicker%20%28DRP%29&selectedStory=default&full=0&addons=1&stories=1&panelRight=0&addonPanel=storybook%2Factions%2Factions-panel

因此，如果您单击“开始日期”或“结束日期”，有时日期组件会显示转换，有时则不会。

有人提出过这个问题吗？ 我们可以用 scss 以某种方式修复它吗？

Answer 1

我注意到了这一点，不确定其意图是什么。在height 上有一个转换为.DayPicker_transitionContainer__horizontal。所以我刚刚在我自己的css中添加了transition: none。

例如：

.myCustomPickerClassName .DayPicker .DayPicker_transitionContainer__horizontal {
  transition: none;
}

你必须得到正确的特异性，或使用!important