[Webkit-unassigned] [Bug 190771] New: Safe area inset environment values should be available at all times, not just when viewport-fit=cover.

[bugzilla-daemon at webkit.org]

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

            Bug ID: 190771
           Summary: Safe area inset environment values should be available
                    at all times, not just when viewport-fit=cover.
           Product: WebKit
           Version: Safari 12
          Hardware: iPhone / iPad
                OS: iOS 12
            Status: NEW
          Severity: Major
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: justin at coreassistance.com

These safe area insets should all be available for use regardless of viewport-fit:

env(safe-area-inset-left)
env(safe-area-inset-right)
env(safe-area-inset-top)
env(safe-area-inset-bottom)

One major use case: A fixed element with bottom: 0 will be under the home indicator on an iPhone X. Fixing it currently requires significant work because viewport-fit must be set to cover to access the safe area inset required, but doing so also requires adding CSS to adapt the entire site to account for the safe area. What should be one line of CSS balloons into tens or even hundreds depending on the complexity of the rest of the page/site.

-- 
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/20181020/01901077/attachment.html>