[Webkit-unassigned] [Bug 214862] New: Height of an element using height: -webkit-fill-available; is wrong after phone rotation

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Mon Jul 27 21:04:03 PDT 2020


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

            Bug ID: 214862
           Summary: Height of an element using height:
                    -webkit-fill-available; is wrong after phone rotation
           Product: WebKit
           Version: Safari Technology Preview
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: simon.fraser at apple.com
                CC: bfulgham at webkit.org, simon.fraser at apple.com,
                    zalan at apple.com

Created attachment 405340

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

Test

Load the attached test on an iPhone. Note how the green element fits the visible size of the view (as noted here: https://allthingssmitty.com/2020/05/11/css-fix-for-100vh-in-mobile-webkit/).

Now rotate to landscape. It's still the same height, so too tall. Now reload, and it's still a bit taller than the visible area (MobileSafari provides a height that is a "bar hidden" height).

Now rotate back to portrait. The green box is still the landscape size.

-- 
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/20200728/eed63347/attachment.htm>


More information about the webkit-unassigned mailing list