Re: [csswg-drafts] Updating the css `env()` function to enable selection by index from a list of pre-defined environment variables (#5622)

Will you add some or all of the figures and accompanying explaining text to the spec?  The spec text for `viewport-segment-*` is still rather rudimentary IMO, making it hard to understand this feature from just reading the spec.

Also, how does the various `viewport-segment-*` metrics relate to `safe-area-inset-*` metrics?  For example, if there is a notch on one or more sides of a folded device.  The spec says:

> In certain hardware configurations, the separator itself may occupy logical space within the viewport. The dimensions of the separator can be computed by calculating the area between the position of the viewport segments.

which I read as the the `viewport-segment-*` describes the space _inside_ any notches/hinges etc (which seems like it's the opposite of how the viewport size / `safe-area-inset-*` were defined). So, will `env(safe-area-inset-*)` still report non-zero values on such a device?  Could you add an example of how to layout something in the "upper corner" next to the notch on such a device?  Presumably I'd have to use something like `margin-top: calc(-env(viewport-segment-top 0 0))`, which would result in a notch-sized negative margin?

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


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Sunday, 17 October 2021 01:16:45 UTC