Posted at

iOSのChromeでキーボードが立ち上がるとDOMが圧迫される

More than 3 years have passed since last update.

モバイルのキーボードの高さ分windowサイズも圧迫される問題。

iOSのchromeで起きた現象。safariだとキーボードの高さは無視されてた。

これを放置しておくと、高さ可変のコンコンテンツがキーボード入力の度に小さくなってしまって鬱陶しくなる。ので、下記のようにwindowのサイズを戻してあげる必要がある。

var window_default_height = $(window).outerHeight();

$(window).on('resize', function () {
$(window).css('height', window_default_height + 'px');
});

ただこれだと、普通にブラウザのサイズを変えたときもwindowがページロード時のサイズに戻ってしまうので、あまり良い解決策ではないと思う。

もっと良いやり方がありそう。