[css-grid-3][masonry] Placeholder for masonry 'display' value #12022

Author: fantasai

css-grid-3/Overview.bs

@@ -300,7 +300,7 @@ Reordering and Accessibility</h3>
 			</section>
 			<style>
 			.masonry {
-				//FIXME display:masonry or something
+				//FIXME display: something;
 				grid-template-columns: repeat(5, auto);
 			}
 			.item { height: 50px; }
@@ -351,14 +351,27 @@ Reordering and Accessibility</h3>
 <h3 id="masonry-switch">
 Establishing Masonry Layout</h3>
 
+	<div class="informative">
+		<pre class="propdef partial">
+		Name: display
+		New values: something
+		</pre>
+	</div>
+
+	<dl dfn-for="display" dfn-type=value>
+		<dt><dfn>something</dfn>
+		<dd>
+			This value causes an element to generate a <a>masonry container</a> box.
+	</dl>
+
+	A [=masonry container=] that is not [=subgridded=] in its [=grid axis=] establishes
+	an [=independent formatting context|independent=] <dfn export>grid formatting context</dfn>
+	for its contents.
 
 	<div class=issue>
-	ISSUE(11593): We are still debating what syntactic switch establishes a [=masonry layout=].
-		Proposals so far include:
-		* ''display: masonry'' (or a synonym, such as ''display: stack'')
-		* ''item-pack: collapse'' (see 'item-pack')
-		* a <css>collapse</css> value for 'grid-template-rows'/'grid-template-columns',
-			indicating that axis as the [=stacking axis=] of a [=grid container=]
+	ISSUE(12022): We are looking for a reasonable 'display' value (that includes the word ''display/grid'' somehow) to represent [=masonry layout=].
+	They could be of the form <css>something-grid</css>, <css>grid-something</css>, <css>grid something</css>, or <css>something grid</css>.
+	Suggestions are welcome in the issue.
 	</div>
 
 <h2 id="masonry-track-templates">
@@ -497,7 +510,7 @@ Subgrids</h3>
 		```css
 		<style>
 		.grid {
-		  //FIXME: display: inline-grid; or something
+		  //FIXME: display: inline something;
 		  grid-template-rows: auto auto 100px;
 		  align-content: center;
 		  height: 300px;
@@ -890,7 +903,7 @@ Placement and Writing Modes</h4>
 		```css
 		<style>
 			.grid {
-			  //FIXME display: inline-grid; or something
+			  //FIXME display: inline something;
 			  direction: rtl;
 			  grid-template-columns: repeat(4, 2ch);
 			  border: 1px solid;
@@ -925,7 +938,7 @@ Placement and Writing Modes</h4>
 		```css
 			<style>
 			.grid {
-			  //FIXME display: inline-grid; or something
+			  //FIXME display: inline something;
 			  direction: rtl;
 			  width: 10ch;
 			  column-gap: 1ch;
@@ -970,7 +983,7 @@ Sizing Grid Containers</h2>
 		```css
 			<style>
 			.grid {
-			  //FIXME display: inline-grid; or something
+			  //FIXME display: inline something;
 			  grid-template-columns: 50px 100px auto;
 			  grid-gap: 10px;
 			  border: 1px solid;
@@ -1141,7 +1154,7 @@ Graceful Degradation</h2>
 
 		```css
 		  display: grid;
-		  //FIXME item-flow: collapse; /* ignored in UAs that don't support masonry layout */
+		  display: something; /* ignored in UAs that don't support masonry layout */
 		  grid-template-columns: 150px 100px 50px;
 		```
 
@@ -1495,6 +1508,8 @@ Recent Changes</h3>
 		and gave it an initial value of ''item-tolerance/normal''.
 		(<a href="https://github.com/w3c/csswg-drafts/issues/10884">Issue 10884</a>,
 		 <a href="https://github.com/w3c/csswg-drafts/issues/12111">Issue 12111</a>)
+	* Added a placeholder for a [=masonry layout=] 'display' value.
+		(<a href="https://github.com/w3c/csswg-drafts/issues/12022">Issue 12022</a>)
 	* Tweak baseline alignment to export the highest/lowest among the first/last items of every track.
 		(<a href="https://github.com/w3c/csswg-drafts/issues/9530">Issue 9530</a>)