Iphone safari không thay đổi kích thước chế độ xem trên bàn phím mở

Question

Safari di động không cập nhật cửa sổ.ảnh trướcHigh khi bàn phím bật lên. (Ít nhất là trong 9.3.5, và có một số câu trả lời như this một, với ý kiến ​​nói rằng đã phá vỡ trong ios 8,2)

Apple documentation nói used to say before they edited it rằng window.innerHeight sẽ trở lại với iOS 10

Trong iOS 10, đối tượng WKWebView khớp với hành vi gốc của Safari bằng cách cập nhật thuộc tính window.innerHeight khi bàn phím được hiển thị và không gọi lại các sự kiện thay đổi kích thước.

Tôi cần phải biết phải làm gì trong khi chờ xử lý safari iPhone vừa đẩy trang web ra khỏi chế độ xem thay vì thay đổi kích thước.

---

Tôi có một ứng dụng sử dụng định vị tuyệt đối cho mọi thứ và có div bị tràn giữa đầu trang và chân trang.

.mainContent { 
    position: absolute; 
    top: 50px; 
    bottom: 28px; 
    left: 0; 
    right: 0; 
} 

Plunker đây.

Ảnh chụp màn hình, làm việc như mong đợi trên android:

Không làm việc như mong đợi trên iphone:

Dựa trên this answer Tôi có một cách JS mẹ đẻ xác định xem bàn phím iphone có đang mở hay không,

document.getElementById('chat-input').addEventListener('focus', function(){ 
     if(/iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream){ 
     console.log("IOS focus"); 
     var scroll = window.scrollTop; 
     window.scrollTop = 10; 
     var keyboard_shown = window.scrollTop > 0; 
     window.scrollTop = scroll; 

     if(keyboard_shown){ 
      console.log("keyboard"); 
     }else{ 
      console.log("no keyboard"); 
     } 
     } 
    }); 
    })(); 

Nhưng điều đó không thực sự giải quyết được vấn đề vì window.innerHeight không thay đổi, vì vậy tôi không biết bàn phím lớn đến cỡ nào. Tôi chỉ có thể làm cho một danh sách các nghị quyết iphone, và chiều cao bàn phím của họ, và chỉ là một người hardcoding khủng khiếp ...

Answer 1

Safari 10 Docs

Safari và WKWebView trên iOS 10 không cập nhật tài sản window.innerHeight khi bàn phím được hiển thị. Trên các phiên bản trước của iOS WKWebView sẽ cập nhật thuộc tính window.innerHeight khi bàn phím được hiển thị.

vẻ docs nay nêu rõ hành vi trái ngược với đó ghi nhận của OP