title: iOS 15 minimized address bar issue with fixed position, full screen content
body: <p>Using iOS 15.0.2 Safari, when the on-screen keyboard is dismissed, the address bar can become minimized without updating the viewport height. This results a bottom gap that cannot be removed without pressing the address bar. Are there any known workarounds to this? It's possible to get to this state without any device rotations by using nested containers, but the simplest reproducible example that I could come up with is as follows:</p>
  <ol>
  <li>Rotate to landscape orientation</li>
  <li>Focus on the text input to bring up the on-screen keyboard</li>
  <li>Rotate to portraite orientation</li>
  <li>Press &quot;Done&quot; on the on-screen keyboard</li>
  </ol>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>body {
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: fixed;
    inset: 0;
    -webkit-text-size-adjust: 100%;
  }
  input {
    font-size: 16px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;head&gt;
    &lt;meta name="viewport" content="width=device-width,initial-scale=1, viewport-fit=cover"&gt;
    &lt;meta name="theme-color" content="#000000"&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;input type="text" /&gt;
  &lt;/body&gt;</code></pre>
  </div>
  </div>
  </p>
  <p><a href="https://i.stack.imgur.com/VnSBx.png" rel="noreferrer"><img src="https://i.stack.imgur.com/VnSBx.png" alt="enter image description here" /></a></p>