Conversation
|
Tip: Review these changes grouped by change (recommended for most PRs), or grouped by feature (for large PRs). |
Co-authored-by: Claas Augner <495429+caugner@users.noreply.github.com>
|
Thanks @caugner - I accepted all. |
|
Update: this was just released in Safari 26.4! https://webkit.org/blog/17862/webkit-features-for-safari-26-4/ |
| }, | ||
| "container_query_optional": { | ||
| "__compat": { | ||
| "description": "name-only container queries", |
There was a problem hiding this comment.
The previous version of the description was consistent with prior art, see this GitHub search.
| "description": "name-only container queries", | |
| "description": "`<container-query>` is optional", |
| } | ||
| } | ||
| }, | ||
| "container_query_optional": { |
There was a problem hiding this comment.
| "container_query_optional": { | |
| "container-query_optional": { |
| "spec_url": "https://drafts.csswg.org/css-conditional-5/#typedef-container-condition", | ||
| "support": { | ||
| "chrome": { | ||
| "version_added": "preview" |
There was a problem hiding this comment.
Could we link a bug, assuming the ship/enable commit happens in the same issue?
There was a problem hiding this comment.
Looks like this was just created yesterday https://chromestatus.com/feature/5184267522015232
There was a problem hiding this comment.
It says it'll be turned on in 148 -- though I have Canary installed at 148 and the wpt.live page still doesn't pass. 🤷
There was a problem hiding this comment.
FF149 adds support for
@containerselections where the<container-query>part is optiona in https://bugzilla.mozilla.org/show_bug.cgi?id=2016474This allows you to just select a container based on its name:
@container --name {}This adds the subfeature. You can test this using https://wpt.live/css/css-conditional/container-queries/query-container-name.html
Note that I have set Chrome and Safari as
falsebut you can tell it is coming because they pass the test on the latest versions but NOT on current versions I can access: https://wpt.fyi/results/css/css-conditional/container-queries/query-container-name.html?label=master&label=experimental&alignedRelated docs work can be tracked in mdn/content#43212