Re: [csswg-drafts] [css-variables] User Agent properties and variables

@tobireif, I agree that in addition to giving authors explicit control over how the screen shape is handled, Safari on an iPhone X should by default display pages in a way that takes the notch and rounded corners into account in a reasonable fashion, so that authors are not _required_ to make changes to have their pages properly displayed on the device.

You also seem to be making the argument that's Apple's current answer to this problem (letterboxing the page using the background color, to avoid unexpectedly clipping content in pages not designed to take into account the screen shape) is a completely unfit way to handle the problem. Why do you think that is the case, and what alternative do you suggest?

To me, clipping content by default—to avoid ungainly, unexpected letterboxing—has far more breaking potential, potentially hiding important areas of content or interactive elements. Without allowing any clipping to occur, it's hard not to end up with blank areas around the page; any ideas as to handle these better is appreciated.
Another nice point of the letterboxing-by-default approach is how nicely it folds in with the `viewport-fit` working draft, so that authors can work to target non-rectangle displays in general, not just iPhone X-shaped ones.

-- 
GitHub Notification of comment by Cykelero
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/1693#issuecomment-329457474 using your GitHub account

Received on Thursday, 14 September 2017 11:45:54 UTC