[Webkit-unassigned] [Bug 230579] New: Input at bottom of screen gets hidden behind collapsed toolbar

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Tue Sep 21 15:43:13 PDT 2021


https://bugs.webkit.org/show_bug.cgi?id=230579

            Bug ID: 230579
           Summary: Input at bottom of screen gets hidden behind collapsed
                    toolbar
           Product: WebKit
           Version: Safari Technology Preview
          Hardware: iPhone / iPad
                OS: Other
            Status: NEW
          Severity: Critical
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: robert at widescape.com

Created attachment 438871

  --> https://bugs.webkit.org/attachment.cgi?id=438871&action=review

Measured heights and distances of toolbar and unexpected white-space.

With iOS 15.0 (19A346) Safari *with address bar at the bottom* introduces the following behavior:

- When an input is within an area of 50px height at the bottom of the screen it will be *hidden* behind the collapsed bottom toolbar when focused.
- When an input is within an area of 50 to 99px of the bottom of the screen it will be *cropped* by the collapsed bottom toolbar when focused.

The 50px is true for notched devices like the iPhone 12, on smaller screens like the iPhone SE 1st Gen it the area is 22px instead of 50px.

This does not happen if the address bar is set to be at the top of the screen.

Also, you can scroll 78px beyond the bottom which is the height of the full toolbar (128px) minus the collapsed toolbar (50px). These 78px are uncontrollable space. They are inaccessible via CSS – for example you cannot place something in that space via "position:fixed + bottom: 0". And the inspector does not state any measures about that area.

Demo: https://codepen.io/widescape/full/XWgYqMZ

Related? https://bugs.webkit.org/show_bug.cgi?id=217754

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20210921/88ee3ecc/attachment.htm>


More information about the webkit-unassigned mailing list