title: position: fixed with keyboard active on iOS Safari
body: <p>I am trying to use position fixed to work well on iOS devices.</p>
  
  <p>This is how it looks when the keyboard has not opened:</p>
  
  <p><a href="https://i.stack.imgur.com/gwo1q.png" rel="noreferrer">Screenshot: No keyboard active</a></p>
  
  <p>For the above chat window I have used this piece of code:</p>
  
  <pre><code>    position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
  </code></pre>
  
  <p>When I tap the input box (to write a message), keyboard opens up and the top part becomes hidden with the screen zoomed in and it looks like this:</p>
  
  <p><a href="https://i.stack.imgur.com/q93rF.jpg" rel="noreferrer">Screenshot: When Keyboard is active</a></p>
  
  <p>I think ios is ignoring <code>top: 0</code> when the keyboard opens up. What can I do to avoid that?</p>
  
  <p>There is no issue as such on chrome.</p>