Dlaczego Safari Mobile ma problemy z obsługą wielu pól wprowadzania w systemie iOS? 8

Question

System iOS 8.0/8.0.1/8.0.2 ma ten problem.

Mam stronę z 70 prostych wejść tekstem:

<input class="" type="text"> 

iOS 7 strona nie ma problemów. Ale w systemie iOS 8 wybranie i wpisanie w polu powoduje, że iPad staje się wolny i opóźniony.

można zobaczyć przykład tego problemu w ten jsFiddle

Czy ktoś wie jak naprawić tego problemu ???

Answer 1

Wydaje się, że problem jest związany z liczbą wprowadzanych tekstów, które są częścią dokumentu lub formularza.

"Naprawiłem" problem umieszczając znaczniki < w postaci małych grup wprowadzania tekstu.

<form> 
    <input type="text"> 
    <input type="text"> 
    <input type="text"> 
</form> 

<form> 
    <input type="text"> 
    <input type="text"> 
    <input type="text"> 
</form> 

itp

W niektórych przypadkach miałem duże stoły z poszczególnych pól tekstowych w <td> elementów. Nie można zawrzeć elementów w postaci, ale muszą one zawierać całą < tabelę > lub zawartość poszczególnych elementów <td>. W takich przypadkach musiałem umieścić element < z każdego elementu tekstowego.

<table> 
    <tr> 
    <td> 
     <form> 
     <input type="text"> 
     </form> 
    </td> 
    <td> 
     <form> 
     <input type="text"> 
     </form> 
    </td> 
    </tr> 
    etc.... 
</table> 

Answer 2

Aktualizacja: Wygląda na to, że zostało rozwiązane w wersji beta 8.1. Wygląda na to, że nie jest poprawiony, na podstawie komentarzy. :(

---

Jest to także w 8.1 beta. Powinieneś file a radar.

Niektóre rzeczy powoduje całą stronę, aby przeładować lub Safari do powieszenia. Na przykład odwiedzić http://getemoji.com/ i rozpocząć wpisywanie w polu wyszukiwania. Nie można tego zrobić na urządzeniu z systemem iOS 8.x bez przeładowywania strony.

Co istotne, Chrome i Mercury działają dobrze, więc możesz zasugerować, aby użytkownicy przełączyli się na przeglądarki innych firm na podstawie UIWebView. (Nie zrobiłem tego przetestuj WKWebView.)

Answer 3

Miałem z tym problemy przez wiele godzin, dopóki nie znalazłem rozwiązania na tej stronie. Dzięki! To jest moja implementacja rozwiązania sugerowane przez projekt Navigator:

$(document).ready(function(){  
    var isSafari = navigator.vendor && navigator.vendor.indexOf('Apple') > -1 && navigator.userAgent && !navigator.userAgent.match('CriOS'); 
    if (isSafari){ 
     $('#container input[type="text"]').wrap('<form />'); 
    } 
}