Виртуальная клавиатура планшета Android перекрывает элемент textarea на веб-странице - PullRequest
0 голосов
/ 28 февраля 2012

Я работаю над веб-страницей для планшетных устройств Android и iPad.Эта страница отлично работает на iPad.Но это доставляет мне тяжелые времена на планшетах Android.

У рассматриваемой веб-страницы есть элемент textarea внизу страницы.Теперь, когда этот элемент получает фокус, виртуальная клавиатура выдвигается.Но он перекрывает сфокусированный элемент текстовой области и, следовательно, он не виден независимо от того, что набирается в текстовой области.Я тестирую с эмулятора Android.

Есть ли у кого-то такое же поведение exp или есть какое-либо решение>

Пожалуйста, обратите внимание, что это веб-приложение для браузеров.Есть решения по SO для той же проблемы в нативном приложении.Ни один из них не работает для веб-приложения.

Спасибо.

1 Ответ

0 голосов
/ 06 марта 2012

Потратив много времени и испробовав все виды работ, я, наконец, изменил свой HTML-тип документа, и он неожиданно начал работать.Теперь клавиатура не перекрывает нижнее поле текстовой области и вместо этого сдвигается вверх, когда она получает фокус.

Те, у кого такая же проблема, проверяют ваш тип документа.Я изменил doctype на моей странице с

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >

на HTML5 doctype

<!DOCTYPE html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...