Steps to reproduce the problem:
1. Go to https://codepen.io/kizu/pen/QaLVbJ, log-in, go into debug mode
2. Click “Show popup”
3. Zoom page in, scroll the page in a way the browser header would be hidden (important!), but you would still see input
4. Click on input, keyboard should appear
5. Click “return”, the keyboard would go away

Re: which CSS is critical for reproducing this:

1. `height: 100%` + `overflow: hidden` for html & body
2. position: fixed for the input wrapper

What is the expected behavior?
The page should return to the state before focusing on input

What went wrong?
The page is cropped as if the viewport was still influenced by keyboard.

I'm attaching a gif of screen recording showing the problem.

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 63.0.3239.73  Channel: n/a
OS Version: iOS 11.2 (15C114)
Flash Version: 

It seems that this happens when you focus on input and both the keyboard and header of the page shown at the same time.

There is a workaround that fixes it: adding `height: 100vh` to both html & body.
 

Deleted: 2017-12-14 11_32_46.gif 1.9 MB

	2017-12-14 11_32_46.gif 1.9 MB View Download