поведение всплывающего окна по умолчанию для дат по датам реакции

Question

я использую реагирующую дату ^ 18.4.0 в моем приложении реакции, и я заметил странное поведение при 'open'

Когда я нажимаю <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.Поэтому я только что добавил transition: none к нему, в моем собственном CSS.

например:

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

вам нужно будет получить правильную специфику, или использовать !important