Я занимаюсь разработкой мобильных приложений с использованием 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.