[Webkit-unassigned] [Bug 271040] New: Styled container query does not work on body tag

Fri Mar 15 00:51:53 PDT 2024

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

            Bug ID: 271040
           Summary: Styled container query does not work on body tag
           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: imbashenk at hotmail.com

When using a style container query on a body tag the styles don't get applied. This does work in Chrome.

Reproduction:

```
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Webkit bugs: styled container queries</title>
  </head>

  <body>
    <style>
      html {
        height: 100vh;
        --dark-mode: true;
      }

      @container style(--dark-mode: true) {
        body {
          background-color: black;
        }
      }
    </style>
  </body>
</html>
```

Another reproduction is here: https://tegenlicht-frontend.vpro-prod.apps.vpro.cluster.chp4.io/programmas/tegenlicht/site/link-in-bio

-- 
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/20240315/335b1012/attachment.htm>