title: Chrome URL bar makes 100vh scrollable
body: <p>I have a page on my website, that cannot be scrollable. It looks all right on desktop devices, it looks good on mobile when the URL bar is hidden, but when it is visible the page becomes scrollable.</p>
  
  <p><a href="https://i.stack.imgur.com/lTw5V.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lTw5V.png" alt="image"></a></p>
  
  <p>I tried code below but without success.</p>
  
  <pre><code>height: calc(100vh - 72px - env(viewport-nav-resize));
  </code></pre>
  
  <p>I want the textearea to be always 100% visible and page not to be scrollable.</p>