Как сделать нормальное кроссбраузерное модальное окно с формой внутри?

Столкнулся с реальной проблемой сделать всплывающее окно с формой на сайте.

Что нужно от модального окна
1) Блокировка основного скролла и после открытия сайт остается без смещений (реализовал)
2) Блокировка скролла в iOS (это отдельная история я ее тоже уже реализовал)
3) Если внутри окна есть форма при начале ввода не должно появляться белых пустот размером с высоту клавиатуры на iOS, на форуме Apple это уже приняло статус фичи, но может есть решения уйти от этого?)
4) на некоторых андроидах при открытии клавиатуры клавиатура открывается поверх окна и тогда при открытой клаве не доскроллить до нижних полей ввода (модальное окно = высоте экрана, а по идее должно быть равно высоте экрана - размер клавиатуры)

Пример можно чекнуть тут нажав в меню на Заказать консультацию
  • Вопрос задан
  • 95 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы