title: iOS 15 Safari detect floating address bar when keyboard is visible
body: <p>In Safari iOS15, by default, the address bar is pinned to the bottom of the viewport. As <a href="https://stackoverflow.com/questions/68094609/ios-15-safari-floating-address-bar">iOS 15 Safari floating address bar</a> explains, you can use <code>padding-bottom: env(safe-area-inset-bottom)</code> to ensure content displays above it.</p>
  <p>However, if the keyboard is visible, the env vars don't work, because the floating address bar is shown above the keyboard, and it clears the bottom of the viewport. This can cause some content to be hidden below it.</p>
  <p>Here is a simple demo of the issue: <a href="https://pmusaraj.github.io/ios15-bottom-bar2.html" rel="noreferrer">https://pmusaraj.github.io/ios15-bottom-bar2.html</a></p>
  <p>On iOS 14 and below or on iOS15 with Safari set to show the address bar at the top, you can see the submit button when the textarea is in focus. On default iOS15, you can't, because the viewport height returned by the device does not include the floating address bar.</p>
  <p>Update: WebKit bug report at <a href="https://bugs.webkit.org/show_bug.cgi?id=229876" rel="noreferrer">https://bugs.webkit.org/show_bug.cgi?id=229876</a></p>