Bug 302433
| Summary: | Implement name only container queries | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Adam Argyle <atom> |
| Component: | CSS | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED FIXED | ||
| Severity: | Normal | CC: | afrehner.work, koivisto, ntim, simon.fraser, webkit-bug-importer |
| Priority: | P2 | Keywords: | InRadar |
| Version: | WebKit Nightly Build | ||
| Hardware: | Unspecified | ||
| OS: | Unspecified | ||
Adam Argyle
WPTs https://wpt.fyi/results/css/css-conditional/container-queries/query-container-name.html?label=master&label=experimental&aligned&q=container-name
```
.example {
container-name: --foo
}
@container --foo {
#target {
color: green
}
}
```
this subtle feature has high value, enabling many meaningful usecases.
authors expressing interest:
- https://blog.kizu.dev/named-container-presence-check/
- https://nerdy.dev/components-can-know
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Anthony Frehner
I'm hoping to make the patch for this.
Radar WebKit Bug Importer
<rdar://problem/164648718>
EWS
Committed 304388@main (6b8d8d4d09fe): <https://commits.webkit.org/304388@main>
Reviewed commits have been landed. Closing PR #54667 and removing active labels.