[Webkit-unassigned] [Bug 240713] New: Accept Viewport Units in Media Queries

[bugzilla-daemon at webkit.org]

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

            Bug ID: 240713
           Summary: Accept Viewport Units in Media Queries
           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: bramus at google.com

This surprisingly didn't work:

```css
@media (height: 100vh) {
        body {
                background: lightyellow;
        }
}
```

I expected the body to have a lightyellow background color. Instead, it remains the default white.

Behavior in other browsers:

- Firefox on Desktop: lightyellow
- Chrome on Desktop: lightyellow
- Safari on Desktop: default white

Demo: https://cdpn.io/pen/debug/abqwBBa

Note that the demo page also includes MQs that target svh/lvh units. A browser that supports these new viewport units should respond to those

Older related (but now closed) bug that targeted the same: https://bugs.webkit.org/show_bug.cgi?id=144260

-- 
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/20220520/af272400/attachment.htm>