title: Wrong viewport height on reload with Chrome on iOS
body: <p>Everything works fine on any desktop browsers. Regarding mobile browsers, I’m having a really weird issue with <code>Chrome</code> on <code>iOS</code> only.</p>
  <p>First load of the website from the URL bar works well, viewport height is correct. However, if I open the same site from the history or bookmarks, the viewport height is wrong and doesn’t take into account the real viewport.</p>
  <p>Here is the basic style css I use:</p>
  <pre><code>body, html {
    height: 100%;
  }
  </code></pre>
  <p>Below part of the code I used before:</p>
  <pre><code>body {
      margin: 0;
      padding: 0;
      overflow-x: hidden;
      min-width: 320px;
      background: #fff;
  }
  </code></pre>
  <p>Here is the capture of the first load, there is not scroll bar and height viewport is correct:
  <a href="https://i.stack.imgur.com/LfbEo.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/LfbEo.jpg" alt="First Load" /></a></p>
  <p>Here is the capture on the second load of the page from the history, height is different and the page is scrollable:
  <a href="https://i.stack.imgur.com/JcZS7.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/JcZS7.jpg" alt="Second Load" /></a></p>
  <p>Here are the logs, we can see that the height is different from the first load to the second load:
  <a href="https://i.stack.imgur.com/OvBIm.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/OvBIm.jpg" alt="Console Log" /></a></p>
  <p>I’m not sure if I’m missing something but I disabled as much as possible my code, cleared the cache of the browser etc. but the issue persist. It happens on various iPhone models too.</p>
  <p>Edit 12/20/2020</p>
  <p>Here is a similar issue on a react website: <a href="https://www.kirupa.com/react/examples/react_router/index.html#/" rel="nofollow noreferrer">https://www.kirupa.com/react/examples/react_router/index.html#/</a></p>
  <p>If open via the link, viewport is correct. Reopening this website from the history, it will have a different height and a scroll bar will appear.</p>
  <p>Thanks!</p>