← back to v150 · comma-separated-container-queries

conformance · v150

v150 · comma-separated-container-queries — conformance probe

7 assertions drawn from the spec. Each is a single contract the spec text makes. Pass/fail reflects what this browser executed; blocked means the contract was not run because it needs user mediation, hardware, or another unavailable precondition. Open the page in Chrome stable / canary / Firefox / Safari to compare.

browser: spec: https://drafts.csswg.org/css-conditional-5/#container-rule chromestatus: #6196591858941952 generated 2026-06-05T23:10:03Z by manual-codex-devtools-mcp
0
pass
0
fail
0
blocked
7
total
id contract kind verdict detail
container-type-supported container-type is supported — the baseline @container infrastructure must be present. css-supports
single-container-query-still-works A single @container (width > 200px) {} rule parses (regression baseline). script
comma-separated-container-query-parses Comma-separated queries in @container parse without being dropped: '@container (width > 200px), (width < 100px) {}' produces one valid rule. spec ↗ script
comma-with-named-container Comma-separated queries support named containers: @container --a (width > 200px), --b (width < 100px) {} parses. script
comma-with-author-names-and-max-width Author-facing comma-separated named container queries parse with max-width conditions. spec ↗ script
comma-or-semantics When the parent is a container matching one of the queries, the rule applies (logical OR semantics). script
cssomconditionrule-text-roundtrip CSSContainerRule.conditionText round-trips the comma-separated list. script