Как настроить высоту элемента в соответствии с экраном, когда клавиатура активна на iPad?

Question

При нажатии на кнопку на моей странице я открываю оверлей с редактором в реальном времени. Наложение точно заполняет весь экран.

Теперь, когда я нажимаю внутри наложения, чтобы ввести что-то, клавиатура открывается, как ожидалось. Я хотел бы отрегулировать размер (высоту) наложения, чтобы клавиатура не лежала над частями моего редактора, что неудобно.

Что я могу сделать, чтобы реализовать это? Возможно ли это?

Редактирование: Я могу установить наложение на (window.innerHeight/3)*2, что дает мне представление, которое я бы хотел, чтобы наложение автоматически настраивалось при открытии клавиатуры. Важно, что я хочу, чтобы эта функция работала на моем веб-сайте (веб-приложение). Поэтому я могу использовать только javascript и не указывать конкретный код MAC-кода.

Answer 1

Spocke из Moxiecode сказал следующее:

Проблема здесь заключается в том, что компания Apple не удалось получить прокрутки работать внутри фрейма, так что «зафиксировал его» за счет увеличения любой редактируемый IFRAME. Переполнение и прокрутка на iDevices - это боль для обработки.

И это то, что я узнал во время своих исследований. Невозможно!