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

Question

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

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

我在故事书上进行了搜索，这似乎是 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

我注意到了这一点，不知道意图是什么。heightfor上有一个过渡.DayPicker_transitionContainer__horizontal。所以我刚刚transition: none在我自己的 css 中添加了它。

例如：

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

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