Digitare all'interno di un input di testo è estremamente lento su iPad mini con iOS8 Mobile Safari e Safari 8

Question

In Safari mobile (iOS 8.0 iPad Mini) sembra che, più input (ho provato con tipi diversi) un web ha, più lentamente si "digita" (sono persino riuscito a bloccare il safari semplicemente digitando). Per accertarmi che non fosse la tastiera, ho provato con Swiftkey, ma è sorto lo stesso problema. Con Swiftkey, l'input era veloce, ma il testo veniva lentamente inserito all'interno di un testo di tipo input.

Ho creato uno jsFiddle con alcuni input e va davvero piano (come al diavolo). A questo punto, ho aggiunto alcune selezioni con molti tag "opzione" perché ho scoperto che ciò rende la situazione ancora peggiore. Ho anche provato ad aggiungere l'attributo autocomplete (impostato su false) ma non sembra influenzare in alcun modo.

Questo è più o meno come sarebbe una "problematica" aspetto codice come:

<input class="" type="text" autocorrect="off" /> 
<input class="" type="text" autocorrect="off" /> 
<input class="" type="text" autocorrect="off" /> 
<input class="" type="text" autocorrect="off" /> 
<input class="" type="text" autocorrect="off" /> 
<input class="" type="text" autocorrect="off" /> 
<input class="" type="text" autocorrect="off" /> 
<input class="" type="text" autocorrect="off" /> 
<input class="" type="text" autocorrect="off" /> 
<input class="" type="email" autocorrect="off" /> 
<select><!-- lots of "option" tags --></select> 

E ora la cosa strana: ciò non avviene su un iPhone 5S (non ha testarlo su qualsiasi altro iPad).

Qualcuno sa perché questo succede? O se succede su qualsiasi altro dispositivo?

Grazie in anticipo.

Answer 1

Stesso problema come questo: Why does Safari Mobile have trouble handling many input fields on iOS 8

Una soluzione è quella di avvolgere ogni elemento di input in un elemento del modulo come questo:

<form><input class="" type="text" autocorrect="off" /></form> 
<form><input class="" type="text" autocorrect="off" /></form> 
<form><input class="" type="text" autocorrect="off" /></form> 
<form><input class="" type="text" autocorrect="off" /></form> 
<form><input class="" type="text" autocorrect="off" /></form> 
<form><input class="" type="text" autocorrect="off" /></form> 
<form><input class="" type="text" autocorrect="off" /></form> 
<form><input class="" type="text" autocorrect="off" /></form> 
<form><input class="" type="text" autocorrect="off" /></form> 
<form><input class="" type="email" autocorrect="off" /></form> 

Answer 2

Affinché la comunità abbia il contesto: la prego di condividere l'intera fonte per una delle pagine su cui si sta verificando questo problema?

Se si sta tentando di eseguire il debug su un iPad fisico, si consiglia vivamente di scaricare Xcode e di aprire l'emulatore iPad. Da lì è possibile visualizzare la console e una varietà di altri strumenti di debug. Questo dovrebbe dirti un errore per la velocità e possibilmente proporre una soluzione per risolverlo.