Add containerName and containerQuery, update conditionText

Category: CSS
Type: Chromium catches up
Status: In development (Chrome In development)
Intent stage: Prepare to ship

Breaking change: Yes
Enterprise impact: None
Spec maturity: Working draft
Web Platform Tests: Yes

WPT details: https://wpt.fyi/css/css-contain/container-queries/at-container-style-serialization.html https://wpt.fyi/css/css-contain/container-queries/at-container-serialization.html https://wpt.fyi/css/css-contain/container-queries/idlharness.html https://wpt.fyi/css/cssom/CSSContainerRule.tentative.html

Summary

Updates the CSSContainerRule interface to match the specs. For @container Implements containerName and containerQuery, updates conditionText to contain both (if @container with containerName exists).

Standards & signals

Specification: https://w3c.github.io/csswg-drafts/css-contain-3/#the-csscontainerrule-interface
Firefox: No signal
Safari: No signal
Web developers: No signals
Tracking bug: https://crbug.com/1393577

Ecosystem

Web Platform Tests: https://wpt.fyi/results/?q=css%2Fcss-contain
Chrome Platform Showcase: https://chrome-platform-showcase.paulkinlan-ea.deno.net/features
GenDN reference: https://gendn.paulkinlan-ea.deno.net/features
chrome.dev demos search: https://www.google.com/search?q=site%3Achrome.dev+Add%20containerName%20and%20containerQuery%2C%20update%20conditionText
MDN Web Docs: https://developer.mozilla.org/en-US/search?q=Add%20containerName%20and%20containerQuery%2C%20update%20conditionText
Baseline status: https://webstatus.dev/?q=Add%20containerName%20and%20containerQuery%2C%20update%20conditionText

View on chromestatus.com