Skip to content

Commit d2183ee

Browse files
committed
[css-grid-3][masonry] Clarify dense packing algo w3c#9326
1 parent 0cd9482 commit d2183ee

File tree

1 file changed

+15
-8
lines changed

1 file changed

+15
-8
lines changed

css-grid-3/Overview.bs

Lines changed: 15 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -898,15 +898,22 @@ Masonry Layout and Placement Algorithm</h3>
898898

899899
<li>
900900
If the [=masonry container=] uses ''item-pack/dense'' packing,
901-
and there exists skipped empty space (e.g. due to spanning items)
902-
in the layout into which the item, as it is sized now,
903-
could have fit without impacting other items’ placement
904-
if it were earlier in the placement order,
905-
and the tracks it would have spanned at that point
906-
have the same total used size as the tracks into which it is currently placed,
907-
move the item into the earliest such position
908-
and rewind the [=auto-placement cursor=] and the [=running position=]
901+
and there exists skipped empty space in the layout
902+
(e.g. due to spanning items)
903+
into which the item, as it is sized now,
904+
could have fit if it were placed earlier,
905+
and where the spanned tracks have the same total used size
906+
as the tracks into which it is currently placed,
907+
then instead place it into the highest such space.
908+
If there are multiple valid spaces within the [=tie threshold=] of the highest space,
909+
place it in the [=start=]-most of them.
910+
Rewind the [=auto-placement cursor=] and the [=running position=]
909911
to their values before this item’s placement.
912+
913+
Note: Dense packing both ignores the [=auto-placement cursor=] when backfilling,
914+
and does not update it after placement.
915+
If there aren't any acceptable placement gaps to backfill, though,
916+
it places items exactly as when ''item-pack/dense'' were not specified.
910917
</ol>
911918

912919
Note: This algorithm chooses the track

0 commit comments

Comments
 (0)