@@ -4334,21 +4334,26 @@ Grid Layout Algorithm</h2>
4334
4334
and lays out the [=grid items=]
4335
4335
which have been [=grid item placement algorithm|placed=] into its [=grid areas=] .
4336
4336
4337
- 1. First, find the size of the [=grid container=] ,
4337
+ 1. Run the [=Grid Item Placement Algorithm=]
4338
+ to resolve the placement of all [=grid items=]
4339
+ (including [=subgrids=] and their sub-items)
4340
+ in the [=grid=] .
4341
+
4342
+ 2. Find the size of the [=grid container=] ,
4338
4343
per [[#intrinsic-sizes]] .
4339
4344
4340
4345
Note: During this phase,
4341
4346
cyclic <<percentage>> s in track sizes are treated as ''grid-template-columns/auto'' .
4342
4347
4343
- 2 . Given the resulting [=grid container=] size,
4348
+ 3 . Given the resulting [=grid container=] size,
4344
4349
run the [=Grid Sizing Algorithm=]
4345
4350
to size the [=grid=] .
4346
4351
4347
4352
Note: During this phase,
4348
4353
<<percentage>> s in track sizes are resolved
4349
4354
against the [=grid container=] size.
4350
4355
4351
- 3 . Lay out the [=grid items=] into their respective containing blocks.
4356
+ 4 . Lay out the [=grid items=] into their respective containing blocks.
4352
4357
Each [=grid area's=] width and height
4353
4358
are considered [=definite=] for this purpose.
4354
4359
@@ -4358,10 +4363,6 @@ Grid Layout Algorithm</h2>
4358
4363
the size of a grid item which is stretched
4359
4364
is also considered definite.
4360
4365
4361
- Note: Placement of all [=grid items=] ,
4362
- including [=subgrids=] and their sub-items,
4363
- occurs before sizing.
4364
-
4365
4366
4366
4367
<h3 id="algo-grid-sizing" dfn export>
4367
4368
Grid Sizing Algorithm</h3>
0 commit comments