[Webkit-unassigned] [Bug 228278] New: iOS 15 scrollable containers cannot take up full height of screen

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Mon Jul 26 06:53:58 PDT 2021


            Bug ID: 228278
           Summary: iOS 15 scrollable containers cannot take up full
                    height of screen
           Product: WebKit
           Version: Safari Technology Preview
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: ldebeasi at gmail.com

Created attachment 434205

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

Code reproduction

When using a non-body scrollable container, the container does not take up the full viewport height, resulting in a white space below the floating tab bar in Safari 15. This issue happens even when setting the container's height to 100vh.

Steps to reproduce:
1. Open attached code reproduction on a device running the latest iOS 15 beta. I tested this using beta 3.
2. Observe that there is a scrollable container with text with an empty area below the floating url bar.

Expected Behavior:
Given that the height of the container is 100vh, I would expect the scrollable container to extend beyond the url bar.

Actual Behavior:
The container does not extend beyond the url bar, resulting in an empty space below the url bar.

Other information:
- When setting the height of the container to a fixed value (I.e. height: 800px or similar), the container extends beyond the url bar as expected.
- This issue does not reproduce when the body is the scrollable container.
- I believe this was working previously in beta 1. I had a WWDC session with a Safari team member where they recommended I use 100vh, but that fix no longer works in beta 3.

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/20210726/938a9f06/attachment-0001.htm>

More information about the webkit-unassigned mailing list