2012-04-19 15 views
10

Android duplica gli input quando l'utente li mette a fuoco. Questo input duplicato si trova sopra l'input reale e funziona in modo piuttosto normale. Questo è strano, ma ok, sembra funzionare.Android 4 ICS Ice Cream Sandwich - iframe che contiene un modulo

Tuttavia, se tali input si trovano all'interno di un iframe, l'input duplicato non viene più visualizzato sopra l'input originale e viene invece visualizzato in un punto diverso.

Screenshot (ingresso duplicato contiene bordo blu, nell'angolo in alto a sinistra): Duplicated input contains blue border, top left corner

Per quanto posso dire, in realtà è il rendering questo ingresso duplicato come se il documento principale HTML non esisteva affatto. Ad esempio, se aggiungi parte margin-top all'interno dell'iframe, l'input duplicato ne tiene conto.

ho creato un esempio dal vivo per il vostro divertimento debug:

http://ghettocooler.net/stuff/code/android-ics-iframe/

Tutte le idee? Grazie!

+0

Sembra un problema specifico 4.0 solo (e solo alcuni dispositivi) senza soluzioni alternative: http://code.google.com/p/android/issues/detail?id=30964 – davethegr8

+0

Questo problema ci è costato la maggior parte di la mattina e parte del pomeriggio. Sono contento che non siamo solo noi. :-) –

risposta

5

Ho appena trascorso alcune ore su questo. La discussione sopra di davethegr8 ora ha la soluzione. Tutto serve per risolvere il problema che ho avuto è stato:

input { 
    -webkit-user-modify: read-write-plaintext-only; 
} 

testato questo su un HTC One X browser predefinito e ha funzionato bene.

+0

Questa soluzione non è la migliore, alcune tastiere invieranno caratteri non conformi a questa restrizione. –

+0

@WesJohnson c'è una soluzione migliore? Per favore condividi con noi se ne hai uno. – ckng

+0

Vorrei saperlo, non l'ho trovato. Basta sottolineare che questa correzione non risolve il problema sul mio dispositivo (Android 4.0.4 con una tastiera Swype non è in grado di digitare la maggior parte delle lettere con questa restrizione). –

Problemi correlati