[css-contain-3][editorial] Cleanup examples and issues

Author: mirisuzanne

css-contain-3/Overview.bs

@@ -334,20 +334,20 @@ Container Queries</h2>
 		A ::before selector querying the size of the originating element:
 
 		<pre class=lang-html>
-			&lt;style>
-				#container {
-					width: 100px;
-					container-type: inline-size;
-				}
-				@container (inline-size < 150px) {
-					#inner::before {
-						content: "BEFORE";
-					}
-				}
-			&lt;/style>
-			&lt;div id=container>
-				&lt;span id=inner>&lt;/span>
-			&lt;/div>
+		&lt;style>
+		  #container {
+		    width: 100px;
+		    container-type: inline-size;
+		  }
+		  @container (inline-size < 150px) {
+		    #inner::before {
+		      content: "BEFORE";
+		    }
+		  }
+		&lt;/style>
+		&lt;div id=container>
+		  &lt;span id=inner>&lt;/span>
+		&lt;/div>
 		</pre>
 	</div>
 
@@ -356,28 +356,35 @@ Container Queries</h2>
 		container in the shadow tree:
 
 		<pre class=lang-html>
-			&lt;div id=host style="width:200px">
-				&lt;template shadowroot=open>
-					&lt;style>
-						#container {
-							width: 100px;
-							container-type: inline-size;
-						}
-						@container (inline-size < 150px) {
-							::slotted(span) {
-								color: green;
-							}
-						}
-					&lt;/style>
-					&lt;div id=container>
-						&lt;slot />
-					&lt;/div>
-				&lt;/template>
-				&lt;span id=slotted>Green&lt;/span>
-			&lt;/div>
+		&lt;div id=host style="width:200px">
+		  &lt;template shadowroot=open>
+		    &lt;style>
+		      #container {
+		        width: 100px;
+		        container-type: inline-size;
+		      }
+		      @container (inline-size < 150px) {
+		        ::slotted(span) {
+		          color: green;
+		        }
+		      }
+		    &lt;/style>
+		    &lt;div id=container>
+		      &lt;slot />
+		    &lt;/div>
+		  &lt;/template>
+		  &lt;span id=slotted>Green&lt;/span>
+		&lt;/div>
 		</pre>
 	</div>
 
+	Issue(6376): Bikeshed terms/property names to avoid confusion
+	with other usage of “contain” and “container”?
+
+	Issue(6205): Container Queries should have a matchContainer method
+
+	Issue(7033): Add CSSOM API for CSSContainerRule
+
 <h3 id="container-type">
 Creating Query Containers: the 'container-type' property</h3>
 
@@ -397,9 +404,6 @@ Creating Query Containers: the 'container-type' property</h3>
 	to query various aspects of its sizing, layout, and style
 	and respond accordingly.
 
-	Issue(6376): Bikeshed terms/property names to avoid confusion
-	with other usage of “contain” and “container”?
-
 	Values have the following meanings:
 
 	<dl dfn-type=value dfn-for=container-type>
@@ -465,6 +469,8 @@ Creating Query Containers: the 'container-type' property</h3>
 		</pre>
 	</div>
 
+	Issue(7066): Should all elements default to a style container-type?
+
 
 <h3 id="container-name">
 Naming Query Containers: the 'container-name' property</h3>
@@ -510,19 +516,19 @@ Naming Query Containers: the 'container-name' property</h3>
 		<pre class=lang-css>
 		main {
 		  container-type: size;
-		  container-name: page-layout;
+		  container-name: my-page-layout;
 		}
 
 		.my-component {
 		  container-type: inline-size;
-		  container-name: component-library;
+		  container-name: my-component-library;
 		}
 
-		@container page-layout (block-size > 12em) {
+		@container my-page-layout (block-size > 12em) {
 		  .card { margin-block: 2em; }
 		}
 
-		@container component-library (inline-size > 30em) {
+		@container my-component-library (inline-size > 30em) {
 		  .card { margin-inline: 2em; }
 		}
 		</pre>
@@ -654,6 +660,8 @@ Container Queries: the ''@container'' rule</h3>
 	so it is not always possible to merge the individual <<container-condition>>s
 	into a single query.
 
+	Issue(6827): What happens to other @rules inside @container?
+
 <h3 id="animated-containers">
 Animated Containers</h3>
 
@@ -896,8 +904,6 @@ Style Container Features</h3>
 	is the same as for [=CSS feature queries=].
 	(See ''@supports''. [[!CSS-CONDITIONAL-3]])
 
-	Issue(6396): Do we like this proposed syntax for style queries?
-
 
 <h2 id="container-lengths">
 Container Relative Lengths: the ''cqw'', ''cqh'', ''cqi'', ''cqb'', ''cqmin'', ''cqmax'' units</h2>