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

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Fri Mar 15 00:51:53 PDT 2024


            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.


<!doctype html>
<html lang="en">
    <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>

      html {
        height: 100vh;
        --dark-mode: true;

      @container style(--dark-mode: true) {
        body {
          background-color: black;

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>

More information about the webkit-unassigned mailing list