From 43464d367d9d7acfe9889b5b84a7e1ef6c8bd927 Mon Sep 17 00:00:00 2001 From: Tab Atkins-Bittner Date: Fri, 20 Sep 2024 13:33:26 -0700 Subject: [PATCH] [css-grid-3] Add masonry-slack:infinite. #10883 --- css-grid-3/Overview.bs | 17 +++++++++++++++-- 1 file changed, 15 insertions(+), 2 deletions(-) diff --git a/css-grid-3/Overview.bs b/css-grid-3/Overview.bs index 41e257639cb..0ab219703c6 100644 --- a/css-grid-3/Overview.bs +++ b/css-grid-3/Overview.bs @@ -1012,7 +1012,7 @@ Placement Precision: the 'masonry-slack' property
 	Name: masonry-slack
-	Value: <>
+	Value: <> | infinite
 	Initial: 1em
 	Percentages: relative to the [=grid-axis=] [=content box=] size of the [=masonry container=]
 	Inherited: no
@@ -1035,7 +1035,7 @@ Placement Precision: the 'masonry-slack' property
 	causing them to fill in order.
 
 	
- : <> + : <> :: Specifies the tie threshold for the [=masonry container=]. Placement positions are considered to be equally good (“tied”) @@ -1044,6 +1044,19 @@ Placement Precision: the 'masonry-slack' property Note: The initial value is a “small” distance (''1em'') that is probably appropriate to represent “close enough”. + + : infinite + :: Specifies an infinite [=tie threshold=]. + This makes items distribute themselves strictly in order, + without considering the length of the tracks at all. + + Note: This value can result in consecutive items being placed + in dramatically different positions in the [=stacking axis=], + which can be confusing to readers. + If the initial value (`1em`) is too small, + consider a larger value (such as `10em` or `50vh`) + instead of `infinite`. +
Issue: Is ''1em'' the right default?