反应日期选择器默认弹出行为

Question

>我在我的反应应用程序上使用反应日期 ^18.4.0，我注意到"打开"时有一种奇怪的行为

当我单击<Input box id="start date">时，有时会立即弹出<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

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

例如：

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

您必须获得正确的特异性，或使用!important