title: Facebook In-App Browser on iOS doesn't handle correctly inputs within iframe
body: <p>The issue only occurs on Facebook's In-App Browser (and Messenger) on iOS. Doesn't reproduce on Safari @ iOS, Chrome @ iOS or Facebook's In-App Browser on Android.</p>
  
  <p>When having an input inside an iframe, and when the iframe has <code>position: fixed;</code> and is positioned to the bottom of the viewport (i.e. <code>bottom: 0;</code>) - the input is focus-able only once.</p>
  
  <p>Once it's being focused, the keyboard pops up, and after closing the keyboard - the page "freezes" and the input cannot be focused again - until the page is being scrolled which release the freeze.</p>
  
  <p>Narrowed it down to the following snippet:</p>
  
  <ul>
  <li>Website: <a href="https://adiramsalem.github.io/ios-iframe-input-bug/" rel="noreferrer">https://adiramsalem.github.io/ios-iframe-input-bug/</a></li>
  <li>Source: <a href="https://github.com/AdirAmsalem/ios-iframe-input-bug/blob/master/index.html" rel="noreferrer">https://github.com/AdirAmsalem/ios-iframe-input-bug/blob/master/index.html</a></li>
  <li>Video: <a href="https://drive.google.com/file/d/1DDA7GaFKmD69nG51aleZqdYpGM-v9BNW/view" rel="noreferrer">https://drive.google.com/file/d/1DDA7GaFKmD69nG51aleZqdYpGM-v9BNW/view</a></li>
  </ul>
  
  <p>As it only reproduces on Facebook's In-App Browser on iOS, the snippet can be opened via the following Facebook Page: (in the Website section)
  <a href="https://www.facebook.com/pg/Adirs-Sport-Store-881742425287139/about/" rel="noreferrer">https://www.facebook.com/pg/Adirs-Sport-Store-881742425287139/about/</a></p>
  
  <p>Code:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;iframe style="position: fixed; bottom: 0; height: 100px;" srcdoc="&lt;input/&gt;"&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>Anyone encountered a similar issue or has any advice?</p>