Android – Webview, los cuadros de entrada se duplicaron?

Intento crear una aplicación de Android que use una vista web para permitir a los usuarios ingresar su nombre de usuario / contraseña, pero al tocar los cuadros de entrada se duplican (vea la imagen a continuación). Estoy usando el plugin jQuery de iScroll para permitir a los usuarios desplazar la página hacia arriba cuando aparece el teclado y bloquea el área de entrada. Aquí está el diseño / css:

CSS:

#scroller{ position:absolute; overflow:hidden; top: 0; bottom: 0; left: 0; right: 0; z-index:0; } #scroll_content { margin-top: 70px;/*must match the topbar height*/ padding-bottom:70px; } 

html:

 ... 
...

Me doy cuenta de que no importa qué página web veo en la plataforma de Android, se superpone un cuadro de entrada adicional sobre la entrada que acabo de tocar. La clave, supongo, sería desactivar el valor predeterminado de la vista web en este caso. ¿Cómo haces eso, o puedes incluso?

Gracias

Entrada duplicada

Es probable que esto esté relacionado con las transiciones de CSS. El teléfono parece perder la pista de la posición real del campo de texto. Básicamente, parece confundirse entre el posicionamiento absoluto y el translate3d () que iscroll está haciendo. Una manera fácil de corregirlo es establecer translate3d (0,0,0) al inicio de su div para asegurarse de que sepa dónde está. Echa un vistazo a mi artículo para más detalles: http://java-cerise.blogspot.com/2011/10/dodgy-double-input-fields-on-android.html espero que ayude.

agregue lo siguiente a usted css:

 #your-container-div-id{ -webkit-transform: translate3d(0,0,0); }