title: Webpage slides up when soft keyboard is active
body: <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>