@@ -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">
389384Creating 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">
555526Creating 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">
672641Animated 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