title: Safari iOS 15 mobile: fixed element jumps when bottom bar disappears
body: <p>Say we have a fixed sidebar, this:</p>
  <pre><code>.sidebar {
    position: fixed;
    top: 0;
    left: 0;
    min-width: 17em;
    height: 100%;
  }
  </code></pre>
  <p>When the Safari bottom bar is visible it's ok, but when scrolling down it disappears and the sidebar remains for a while where it was and then jumps to fill the space below. It looks very buggy.</p>
  <p>I tried to replace <code>height</code> with each one of the below solutions but none worked:</p>
  <pre><code>height: 100vh; // Sidebar is under the bottom bar
  
  height: -webkit-fill-available; // Sidebar doesn't adjust its height
  
  height: var(--window-inner-height); // CSS prop set via JS window.innerHeight. Same above
  
  bottom: 0;
  </code></pre>
  <p>Any idea to solve?</p>