Элементы ввода на android 4.x не могут быть созданы при сфокусированном
Update:
Есть исправление:
-webkit-user-modify: read-write-plaintext-only;
Оригинальный вопрос:
Я пытаюсь сварить это на простом примере:
У меня есть простой элемент ввода:
<input class="myclass" type="text"/>
стиль выглядит следующим образом:
.myclass, .myclass:focus {
background-color: black;
}
это отлично работает на android 2.x и 3.x(кроме некоторых устройств, которые, как известно, не уважают css на сфокусированных элементах ввода)
Так как я обновил связь от S до 4.0.3, я не могу заставить поле ввода принимать любые стили.
Некоторые тесты показали следующее:
Стили на самом деле применяются, но по некоторым причинам браузер отображает белый прямоугольник над вводом, стили рендеринга бесполезны. Используя Weinre я удалось переместить "реальный" элемент ввода, чтобы я мог отображать оба.
Любое предложение по этому поводу очень приветствуется.
Ответы
Ответ 1
Проблема связана с Nexus S и ее низкой производительностью с ICS/Android 4. Рев проблем с Phonegap, jQuery mobile, Sencha и on оглушает. От игнорирования метаданных Viewport до неправильного расположения z-порядка, браузер Chrome Chromium - это просто серьезная проблема.
Кажется, что Androids WebView постоянно ухудшается... что странно, так как оно должно "улучшаться". У меня проблемы с прокруткой и мерцанием. Многие фреймворки на самом деле рассматривают возможность подмены Android.
Ссылка, которая может вас заинтересовать:
Проблемы с jQM и (главным образом) Nexus S
https://forum.jquery.com/topic/jquerymobile-1-0-does-not-support-android-4-0-ice-cream-sandwich
Надеюсь, это поможет, и вы не одиноки!
Ответ 2
Вероятно, это связано с этими двумя проблемами: