Android Webkit Ошибка ввода элементов с CSS3 translate3D - PullRequest
2 голосов
/ 15 ноября 2011

У меня пара проблем с элементом Input в приложении Android для Webkit, которое я разрабатываю.Тестирование на 2.X, но 3.x, похоже, не имеет этих проблем ...

Приложение работает, имея отдельные Div для каждой "страницы", и я использую CSS3 translate3D для анимации междустраницы.Некоторые из этих страниц содержат элементы ввода.Когда я нажимаю на вход, чтобы получить фокус, любой из моих «положенных: фиксированных» Div сместится примерно на 5 пикселей сверху и на 5 пикселей влево.Теперь кикер ... он, в конце концов, исправит себя, и никогда больше не повторится, когда вы нажмете на вход, только в первый раз ...

Моя другая проблема, элементы ввода шуметь с клавиатурой,например, исправление / автозаполнение орфографии не будет вводить текст, и при использовании Swype Keyboard вы не можете «провести» словом, ТОЛЬКО отдельные касания для каждой буквы будут вводить текст в элемент ввода.

I 'мы читали, что многие из них могут быть вызваны CSS3 Translate3D.Но я пытался почти все, чтобы решить эти проблемы, и я искал решение для каждого сайта, но не смог найти исправления или найти кого-то еще с этой проблемой ...

Кто-нибудь еще имеет эти проблемы или знает об исправлении?

(Возможное решение ??) Кто-нибудь знает способ переопределить поведение по умолчанию элементов ввода в веб-наборе?Интересно, смогу ли я создать свой собственный TextView и расположить его над этими полями ввода ...?

Любая помощь очень ценится:)

1 Ответ

1 голос
/ 01 апреля 2012

Я, конечно, испытал это в своих приложениях для Android. translate3d оказывает определенное влияние на z-index, и, поскольку у Android нет аппаратного ускорения до ICS, translate3d является проблемой для использования на Android 2.x. Попробуйте обычный ole translate () и да, производительность довольно печальная. Я стараюсь не делать много анимации на Android 2.x

...