Comportamento strano del browser azionario Android4 con il testo di input

Question

Non so se qualcuno abbia già visto questo errore. Si noti che questo accade solo con il browser azionario Android 4.x. E 'stato testato con successo con Chrome su Android 4, browser magazzino sulle versioni precedenti, iOS, Blackberry OS6 & 7, Playbook, ...

Guarda http://www.hello-gurus.com/labs/sandbox/plain-form.html Funziona bene nel simulatore (vedi http://cl.ly/image/1z3G1T2y2p2c), ma va totalmente sbagliato sull'ultimo GalaxyTag (vedi http://cl.ly/image/1O123A3d0y3q)

Il comportamento normale dovrebbe essere il testo che rimane sulla destra. Una spaziatura a sinistra mantiene il testo da sovrapporre all'etichetta. L'input ha una larghezza del 100%, quindi la zona attiva si trova sull'intera larghezza. Ecco come funziona su ogni altro browser, in cui lo stock Android si allinea sulla sinistra solo quando è attivo! Inoltre, fa sparire anche se l'input ha uno sfondo trasparente: S Peggio ancora, a volte il suo valore si svuota sulla sfocatura x_X

Questo mi sta facendo impazzire! Qualche soluzione o qualcosa che posso provare?

Grazie mille!

Answer 1

È piuttosto strano. Hai provato a regolare il tuo css? È possibile ottenere lo stesso layout desiderato ma con un approccio diverso.

Esempio:

per le etichette:

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

per gli ingressi:

• cambiamento - width:70%;

ho configurato qualcosa di simile (Contenuto Statico) e sembra funzionare per me.

Answer 2

avrei incontrato un problema simile in cui un campo fantasma apparirebbe sui dispositivi Android su focalizzazione di un campo di input. Questo CSS per i campi di input ha risolto il mio problema:

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

Potrebbe essere utile fare un tentativo.