У меня есть форма регистрации с двумя датпикерами далеко друг от друга. Первый находится близко к началу страницы, и у меня нет проблем, когда я пытаюсь выбрать другой год или месяц.
Первый Datepicker
Но когда я попробуйте выбрать другой год или месяц на втором datepicker почти внизу страницы, выпадающие списки отображаются вне модального datepicker, и они прокручивают страницу немного вверх.
Second Datepicker
Я пробовал:
- Изменение параметра «контейнер» в параметрах datepicker на несколько разных элементов, даже на настраиваемые блоки div, размещенные в разных местах страницы.
- Использование параметров по умолчанию.
- Удаление пользовательских css и js на странице.
- Разные браузеры, похоже, что IE11 не имеет этой проблемы, но Firefox и хром -браузеры (Edge, Opera и Chrome протестированы) имеют эту проблему.
- Использование браузеров без расширений и в приватном режиме.
Через некоторое время я обнаружил, что выбор даты на страница материализации css имеет ту же проблему, я могу легко воспроизвести эту проблему на Edge (на основе хрома), Firefox, Chrome и Opera, но не в IE11.
Повторение шагов на Сборщики - Материализовать :
- Войдите на страницу и найдите поле ввода «день рождения» (должно быть вверху, первое).
- Прокрутите страницу вниз до тех пор, пока поле ввода «день рождения» почти полностью не окажется вне поля зрения.
- Щелкните небольшую часть поля ввода «день рождения», которая все еще видна.
- Когда откроется модальное окно, щелкните в раскрывающемся списке года или месяца.
Проблема повторяется
Я пробовал это в разных браузерах и в двух разрешениях экрана (900p и 1080p), и я могу воспроизвести эта проблема каждый раз.
У кого-нибудь была подобная проблема?