Hiding the keyboard on mobile Chrome does not change the height of the window

Question

When you open the keyboard on mobile Chrome (in my case, iOS 7.0.3 and Chrome 33.0.1750.21), the height of the window changes. This is normal. But when you hide the keyboard, the window does not change its height back .

I made a simple demo that records the height of a window when it changes:

$(window).on('resize', function () {
    $('#heights').prepend($(window).height() + '<br />');
}).resize();

You can try it here: http://jsfiddle.net/orthes/QkFCZ/ .

Just press enter to open the keyboard, then hide it.

What does he do:

• The default height is correct (in my case on the iPad mini - 836px)
• When I open the keyboard, the window height changes to 538 pixels - this is still correct.
• , - ,
• , 538px (, 836px)

? ?

, 100%. , , 100%.

Answer 1

, / . , , CSS .

, :

http://www.quirksmode.org/dom/events/resize_mobile.html .