Android4-only stock browser comportamiento extraño con texto de entrada

Question

No sé si alguien ya vio este error. Tenga en cuenta que esto solo ocurre con el navegador de valores de Android 4.x. Se ha probado con éxito con Chrome en Android 4, el navegador de valores en las versiones anteriores, iOS, Blackberry OS6 & 7, libro de jugadas, ...

Mira http://www.hello-gurus.com/labs/sandbox/plain-form.html Funciona bien en el simulador (ver http://cl.ly/image/1z3G1T2y2p2c) sino que va totalmente mal en el último GalaxyTag (vea http://cl.ly/image/1O123A3d0y3q)

El comportamiento normal debe ser el texto quedando a la derecha. Un relleno a la izquierda mantiene el texto superpuesto con la etiqueta. La entrada tiene un ancho del 100%, por lo que la zona activa se encuentra en todo el ancho. Así es como funciona en cualquier otro navegador, donde el stock de Android lo alinea a la izquierda solo cuando se enfoca. Además, hace desaparecer incluso si la entrada tiene un fondo transparente: S Peor aún, a veces su valor se vacía en la falta de definición x_X

Esto me está volviendo loco! ¿Alguna solución o cualquier cosa que pueda probar?

¡Muchas gracias!

Answer 1

Eso es bastante extraño. ¿Has intentado ajustar tu CSS? Es posible lograr el mismo diseño deseado pero con un enfoque diferente.

Ejemplo:

para sus etiquetas:

• remove - position:absolute;
• add - display:inline-block;
• cambio - width:25%;

para sus entradas:

• cambio - width:70%;

puedo configurar algo similar (Contenido estático) y parece estar funcionando para mí.

Answer 2

Me encontré con un problema similar donde un campo fantasma aparecería en los dispositivos Android al enfocar un campo de entrada. Este CSS para campos de entrada resolvió mi problema:

input[type='text'] { -webkit-user-modify: read-write-plaintext-only; } 

Puede que valga la pena intentarlo.