Я разрабатываю мобильные приложения, используя HTML5 и CSS3, используя PhoneGap. Моя проблема заключается в том, что всякий раз, когда я касаюсь текстового поля на моей веб-странице, работающей на Samsung Galaxy Tab 10.1 (Android v3.1), он показывает клавиатуру, но страница становится черной на долю секунды. Время от времени он мерцает, показывая черный фон, а затем восстанавливается.
Я даже пробовал с простой страницей с одним input type="text", и это даже случается с тем же.
Кто-нибудь сталкивался с подобной проблемой и исправился?
Любая помощь очень ценится.
Спасибо.
ОБНОВЛЕНИЕ 1:
Как я уже говорил, черное мерцание даже происходит с приложением, содержащим простую страницу с одним текстовым полем. Ниже приведен код:
<!DOCTYPE html>
<html>
<head>
<title> Flickering Problem </title>
<style>
html, body{
-webkit-backface-visibility: hidden;
overflow: hidden;
-webkit-transform: translate3d(0,0,0);
}
</style>
</head>
<body>
<input type="text" width="200px" height="100px" />
</body>
</html>
Я тестировал это на своем Android-планшете, и мерцание было таким же, как с полноценной веб-страницей. Я попытался добавить некоторые атрибуты CSS, предложенные здесь на SO для аналогичной проблемы, которая, как утверждается, решила, но действительно помогла.
Стоит отметить, что черное мерцание происходит всякий раз, когда мы пытаемся ввести какой-либо текст в текстовое поле, и в настоящее время я не делаю никаких анимаций/переходов с помощью CSS3.