Webpage slides up when soft keyboard is active : <p>I've got a chat page layout web application with input at the bottom, and a header at the top. when the input is in focus the page moves up. </p>

<p>These headers are present in my page for preventing zoom or other unwanted behaviour.</p>

<p><code>&lt;meta name="viewport" content="width=device-width,initial-scale=1"&gt;</code></p>

<p><a href="https://i.stack.imgur.com/CpKKB.png" rel="noreferrer"><img src="https://i.stack.imgur.com/CpKKB.png" alt="Representation of my question"></a></p>

<p>When trying to resize the window using javascript using <code>window.innerHeight</code> but that doesn't work as well even with a <code>setTimeout()</code></p>

<p>Is there a workaround for the browser to not pan the whole page up, or resize with subtracting height of keyboard?</p>
