Skip to content

Commit e776731

Browse files
committed
[css-contain-3] Container-name requires ident, not string w3c#6405
1 parent 8de2ba9 commit e776731

1 file changed

Lines changed: 4 additions & 32 deletions

File tree

css-contain-3/Overview.bs

Lines changed: 4 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -378,13 +378,8 @@ Container Queries</h2>
378378
</pre>
379379
</div>
380380

381-
Issue(6376): Bikeshed terms/property names to avoid confusion
382-
with other usage of “contain” and “container”?
383-
384381
Issue(6205): Container Queries should have a matchContainer method
385382

386-
Issue(7033): Add CSSOM API for CSSContainerRule
387-
388383
<h3 id="container-type">
389384
Creating Query Containers: the 'container-type' property</h3>
390385

@@ -477,7 +472,7 @@ Naming Query Containers: the 'container-name' property</h3>
477472

478473
<pre class='propdef'>
479474
Name: container-name
480-
Value: none | [ <<custom-ident>> | <<string>> ]+
475+
Value: none | <<custom-ident>>+
481476
Initial: none
482477
Inherited: no
483478
Applies to: all elements
@@ -497,16 +492,8 @@ Naming Query Containers: the 'container-name' property</h3>
497492
<dt><dfn><<custom-ident>></dfn>
498493
<dd>
499494
Specifies a [=query container name=] as an [=identifier=].
500-
<dt><dfn><<string>></dfn>
501-
<dd>
502-
Specifies a [=query container name=] as a <<string>> value;
503-
this computes to an [=identifier=]
504-
with the same value as the given <<string>>.
505495
</dl>
506496

507-
The keyword <css>none</css> and the string "none"
508-
are invalid as <<custom-ident>> or <<string>> values.
509-
510497
<div class=example>
511498
In some cases, we want to query aspects of a specific container,
512499
even if it’s not the nearest ancestor container.
@@ -534,22 +521,6 @@ Naming Query Containers: the 'container-name' property</h3>
534521
</pre>
535522
</div>
536523

537-
<div class=example>
538-
Since <<string>> values are allowed,
539-
we can also generate container names from attributes:
540-
541-
<pre class=lang-css>
542-
[data-container] {
543-
container-name: attr(data-container);
544-
}
545-
</pre>
546-
547-
This will set the the [=query container name=]
548-
to use the contents of the ''data-container'' attribute when provided.
549-
</div>
550-
551-
Issue(6405): container-name string vs ident
552-
553524

554525
<h3 id="container-shorthand">
555526
Creating Named Containers: the 'container' shorthand</h3>
@@ -665,8 +636,6 @@ Container Queries: the ''@container'' rule</h3>
665636
that are defined inside [=container queries=]
666637
are not constrained by the [=container query=] conditions.
667638

668-
Issue(6827): What happens to other @rules inside @container?
669-
670639

671640
<h3 id="animated-containers">
672641
Animated Containers</h3>
@@ -1043,6 +1012,9 @@ Changes since the 21 December 2021 First Public Working Draft</h3>
10431012

10441013
Significant changes since the <a href="https://www.w3.org/TR/2021/WD-css-contain-3-20211221/">21 December 2021 First Public Working Draft</a> include:
10451014

1015+
* Remove the <<string>> option from the 'container-name' syntax.
1016+
Container names must be <<custom-ident>>s.
1017+
(<a href="https://github.com/w3c/csswg-drafts/issues/6405">Issue 6405</a>)
10461018
* Reverse the order of <<container-name>> and <<container-type>>
10471019
in the 'container' shorthand property, with both being optional.
10481020
(<a href="https://github.com/w3c/csswg-drafts/issues/6393">Issue 6393</a>)

0 commit comments

Comments
 (0)