title: Blank space above keyboard (IOS Safari)
body: <p>I am building a chatbot in vanilla Javascript, it works just fine in Android phones but in iPhones shows a blank space when the keyboard is open and I scroll down. I read that the &quot;safe area&quot; is causing but I´m not really sure how to fix it in vanilla JavaScript.</p>
  <p>I tried doing this <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/env" rel="nofollow noreferrer">https://developer.mozilla.org/en-US/docs/Web/CSS/env</a> but it doesn´t seem to work.</p>
  <p>The image looks like this <a href="https://stackoverflow.com/questions/44174160/blank-space-coming-between-keyboard-and-uivew-in-ios">Blank space coming between keyboard and UIVew in iOS</a></p>
  <p>Any ideas?</p>