Tại sao Safari Mobile gặp sự cố khi xử lý nhiều trường nhập trên iOS 8

Question

iOS 8.0/8.0.1/8.0.2 có vấn đề này.

Tôi có một trang với 70 đầu vào văn bản đơn giản:

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

Trên iOS 7 trang không có vấn đề. Nhưng trên iOS 8, việc chọn và nhập vào một trường khiến iPad trở nên chậm chạp và chậm chạp.

Bạn có thể xem ví dụ về các vấn đề trong này jsFiddle

Có ai biết cách khắc phục cho vấn đề này ???

Answer 1

Dường như vấn đề có liên quan đến số lượng đầu vào văn bản là một phần của tài liệu hoặc biểu mẫu.

Tôi "cố định" vấn đề bằng cách đặt các thẻ < dạng > xung quanh các nhóm văn bản nhỏ.

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

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

, vv

Trong một số trường hợp tôi đã bàn lớn với các lĩnh vực văn bản cá nhân trong <td> yếu tố. Bạn không thể bao gồm <tr> hoặc <td> yếu tố trong một hình thức mà phải bao gồm toàn bộ < bảng > hoặc nội dung của cá nhân <td> yếu tố. Trong những trường hợp đó, tôi phải đặt một thành phần > ở dạng < xung quanh mỗi lần nhập văn bản.

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

Answer 2

Cập nhật: Điều này dường như được giải quyết trong bản beta iOS 8.1.1. Có vẻ như không cố định, dựa trên nhận xét. :(

---

Nó cũng trong 8.1 beta. Bạn nên file a radar.

Một số công cụ làm cho toàn bộ trang web để tải lại hoặc Safari để treo. Ví dụ, hãy truy cập http://getemoji.com/ và bắt đầu gõ vào ô tìm kiếm. Bạn không thể làm điều đó trên thiết bị iOS 8.x mà không cần tải lại trang.

Đáng chú ý là Chrome và Mercury hoạt động tốt, vì vậy bạn có thể đề xuất người dùng chuyển sang trình duyệt của bên thứ ba dựa trên UIWebView. 't thử nghiệm WKWebView.)

Answer 3

Tôi đã đấu tranh với điều này trong nhiều giờ cho đến khi tôi tìm thấy giải pháp trên trang này. Cảm ơn! Đây là triển khai thực hiện của tôi về giải pháp được đề xuất bởi Thiết kế 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 />'); 
    } 
}