Блог

Я использую указатель дат (react-даты) в проекте, над которым работаю. В мобильном телефоне он открывается внутри всплывающего окна (react-tiny-popover). Я также настроил указатель дат и добавил два выбранных входа — один для месяца и один для года — чтобы упростить и ускорить навигацию к прошлым или будущим датам. Выбранные входные данные также настраиваются и отображаются внутри всплывающего окна react-tiny (вот как они построили систему здесь).

Проблема возникает только в мобильных устройствах (iPhone) и только в Safari. Когда я нажимаю на один из выбранных входов, раскрывающееся меню в safari открывается в нижней части страницы, и в то же время весь указатель даты отображается сверху вниз, что выглядит как переход. Это происходит только при первом щелчке мыши. В Галактике такого вообще не бывает.

Вот gif, который демонстрирует это:

пример