commit 72fe39fb9335f6a2f47d477aeb9ee6f3dd26422a parent 3eb85d4558c47b712e74316727e5357d289dcceb Author: Alison Maher <almaher@microsoft.com> Date: Wed, 3 Dec 2025 14:40:51 +0000 Bug 2002335 [wpt PR 56265] - [Masonry] Update masonry-direction to grid-lanes-direction, a=testonly Automatic update from web-platform-tests [Masonry] Update masonry-direction to grid-lanes-direction Match the property name to the new display name. Bug: 343257585 Change-Id: If33bc1ef1653e3ba472e6cbdc681d05292e270ba Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/7200294 Reviewed-by: Ian Kilpatrick <ikilpatrick@chromium.org> Commit-Queue: Alison Maher <almaher@microsoft.com> Cr-Commit-Position: refs/heads/main@{#1549874} -- wpt-commits: 05224eece5c10eb72b41a1ac0bfe9a5d66f5610d wpt-pr: 56265 Diffstat:
225 files changed, 271 insertions(+), 271 deletions(-)
diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/abspos/row-grid-lanes-alignment.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/abspos/row-grid-lanes-alignment.html @@ -22,7 +22,7 @@ .grid-lanes { display: grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(5, 150px); position: relative; padding: 20px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/abspos/row-grid-lanes-intrinsic-sizing-oof.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/abspos/row-grid-lanes-intrinsic-sizing-oof.html @@ -17,7 +17,7 @@ .grid-lanes { display: grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(3, auto); border: 2px solid blue; padding: 5px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/abspos/row-grid-lanes-out-of-flow-001.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/abspos/row-grid-lanes-out-of-flow-001.html @@ -16,7 +16,7 @@ .grid-lanes { display: grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(4, 8rem); align-content: center; position: relative; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/abspos/row-grid-lanes-out-of-flow-002.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/abspos/row-grid-lanes-out-of-flow-002.html @@ -16,7 +16,7 @@ .grid-lanes { display: grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(4, 60px); border: 1px solid blue; padding: 10px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/abspos/row-grid-lanes-out-of-flow-003.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/abspos/row-grid-lanes-out-of-flow-003.html @@ -17,7 +17,7 @@ .grid-lanes { display: grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: 50px 100px 150px; border: 5px solid blue; margin: 30px 20px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/abspos/row-grid-lanes-positioned-item-dynamic-change.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/abspos/row-grid-lanes-positioned-item-dynamic-change.html @@ -9,7 +9,7 @@ <style> .grid-lanes { display: grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: 75px 25px; position: relative; width: 100px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/alignment/grid-lanes-align-content-003.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/alignment/grid-lanes-align-content-003.html @@ -21,7 +21,7 @@ html,body { grid { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; gap: 1px 2px; grid-template-rows: repeat(4,auto); background: content-box silver; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/alignment/grid-lanes-align-content-004.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/alignment/grid-lanes-align-content-004.html @@ -20,7 +20,7 @@ html,body { grid { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; gap: 1px 2px; grid-template-rows: repeat(4,20px); background: content-box silver; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/alignment/grid-lanes-justify-content-003.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/alignment/grid-lanes-justify-content-003.html @@ -20,7 +20,7 @@ html,body { grid { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; gap: 1px 2px; grid-template-rows: repeat(4,20px); background: content-box silver; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/alignment/grid-lanes-justify-content-004.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/alignment/grid-lanes-justify-content-004.html @@ -20,7 +20,7 @@ html,body { grid { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; gap: 1px 2px; grid-template-rows: repeat(4,20px); background: content-box silver; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/alignment/row-align-items-center-001.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/alignment/row-align-items-center-001.html @@ -8,7 +8,7 @@ <style> .grid-lanes { display: grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; background: gray; item-tolerance: 0; grid-template-rows: repeat(3, 100px); diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/alignment/row-align-items-end-align-self-start-001.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/alignment/row-align-items-end-align-self-start-001.html @@ -7,7 +7,7 @@ <style> .grid-lanes { display: grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; background: gray; item-tolerance: 0; grid-template-rows: repeat(3, 100px); diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/alignment/row-grid-lanes-align-self-001.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/alignment/row-grid-lanes-align-self-001.html @@ -15,7 +15,7 @@ display: grid-lanes; gap: 2px; grid-template-rows: repeat(3, 40px); - masonry-direction: row; + grid-lanes-direction: row; color: #444; border: 1px solid; padding: 2px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/alignment/row-grid-lanes-align-self-002.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/alignment/row-grid-lanes-align-self-002.html @@ -15,7 +15,7 @@ display: grid-lanes; gap: 2px; grid-template-rows: repeat(3, 40px); - masonry-direction: row; + grid-lanes-direction: row; color: #444; border: 1px solid; padding: 2px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/alignment/row-grid-lanes-align-self-003.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/alignment/row-grid-lanes-align-self-003.html @@ -12,7 +12,7 @@ width: 100px; height: 250px; grid-template-rows: repeat(4, 1fr); - masonry-direction: row; + grid-lanes-direction: row; gap: 5px; border: 1px solid black; margin-bottom: 20px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/alignment/row-grid-lanes-alignment-positioned-items-001.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/alignment/row-grid-lanes-alignment-positioned-items-001.html @@ -15,7 +15,7 @@ .grid-lanes { position: relative; display: grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: 100px 150px; width: 200px; height: 300px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/alignment/row-grid-lanes-alignment-positioned-items-002.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/alignment/row-grid-lanes-alignment-positioned-items-002.html @@ -15,7 +15,7 @@ .grid-lanes { position: relative; display: grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: 80px 80px 80px; width: 150px; height: 290px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/alignment/row-grid-lanes-alignment-positioned-items-003.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/alignment/row-grid-lanes-alignment-positioned-items-003.html @@ -15,7 +15,7 @@ .grid-lanes { position: relative; display: grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: 90px 90px 90px; width: 150px; height: 320px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/alignment/row-grid-lanes-alignment-positioned-items-004.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/alignment/row-grid-lanes-alignment-positioned-items-004.html @@ -15,7 +15,7 @@ .grid-lanes { position: relative; display: grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: 80px 80px 80px; width: 200px; height: 290px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/alignment/row-overflow-alignment-001.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/alignment/row-overflow-alignment-001.html @@ -6,7 +6,7 @@ <style> .grid-lanes { display: grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; background: gray; item-tolerance: 0; grid-template-rows: 70px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/baseline/grid-lanes-grid-item-content-baseline-001.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/baseline/grid-lanes-grid-item-content-baseline-001.html @@ -25,7 +25,7 @@ html,body { } .c { grid: repeat(4, auto) / none; - masonry-direction: row; + grid-lanes-direction: row; } span { diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/baseline/grid-lanes-grid-item-self-baseline-001.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/baseline/grid-lanes-grid-item-self-baseline-001.html @@ -26,7 +26,7 @@ body { width:600px; height:600px; border:1px solid; box-sizing:border-box; } } .c { grid: repeat(4, auto) / none; - masonry-direction: row; + grid-lanes-direction: row; } span { diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/baseline/grid-lanes-grid-item-self-baseline-002a.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/baseline/grid-lanes-grid-item-self-baseline-002a.html @@ -28,7 +28,7 @@ body { width:600px; height:600px; border:1px solid; box-sizing:border-box; } } .c { grid: repeat(4, auto) / none; - masonry-direction: row; + grid-lanes-direction: row; } .ae { align-content: end; } .je { justify-content: end; } diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/baseline/grid-lanes-grid-item-self-baseline-002b.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/baseline/grid-lanes-grid-item-self-baseline-002b.html @@ -28,7 +28,7 @@ body { width:600px; height:600px; border:1px solid; box-sizing:border-box; } } .c { grid: repeat(4, auto) / none; - masonry-direction: row; + grid-lanes-direction: row; } .ae { align-content: end; } .je { justify-content: end; } diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/fragmentation/grid-lanes-fragmentation-003.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/fragmentation/grid-lanes-fragmentation-003.html @@ -29,7 +29,7 @@ wrapper { .grid { display: grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; grid: 20px auto 30px / none; border: solid; border-width: 3px 1px 7px 5px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/gap/row-gaps-001.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/gap/row-gaps-001.html @@ -6,7 +6,7 @@ <style> .grid-lanes { display: grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; background: gray; item-tolerance: 0; grid-template-rows: repeat(3, 100px); diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/grid-lanes-columns-item-containing-block-is-grid-content-width.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/grid-lanes-columns-item-containing-block-is-grid-content-width.html @@ -9,7 +9,7 @@ grid { display: grid-lanes; grid-template-rows: auto; - masonry-direction: row; + grid-lanes-direction: row; } </style> </head> diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/grid-placement/column-explicit-placement-003.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/grid-placement/column-explicit-placement-003.html @@ -6,7 +6,7 @@ <style> .grid-lanes { display: grid-lanes; - masonry-direction: column; + grid-lanes-direction: column; background: gray; item-tolerance: 0; grid-template-columns: auto auto auto; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/grid-placement/row-explicit-placement-001.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/grid-placement/row-explicit-placement-001.html @@ -7,7 +7,7 @@ <style> .grid-lanes { display: grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; background: gray; item-tolerance: 0; height: 200px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/grid-placement/row-explicit-placement-002.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/grid-placement/row-explicit-placement-002.html @@ -7,7 +7,7 @@ <style> .grid-lanes { display: grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; background: gray; item-tolerance: 0; height: 200px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/grid-placement/row-explicit-placement-003.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/grid-placement/row-explicit-placement-003.html @@ -7,7 +7,7 @@ <style> .grid-lanes { display: grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; background: gray; item-tolerance: 0; height: 200px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/grid-placement/row-explicit-placement-004.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/grid-placement/row-explicit-placement-004.html @@ -7,7 +7,7 @@ <style> .grid-lanes { display: grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; background: gray; item-tolerance: 0; height: 200px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/grid-placement/row-explicit-placement-005.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/grid-placement/row-explicit-placement-005.html @@ -7,7 +7,7 @@ <style> .grid-lanes { display: grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; background: gray; item-tolerance: 0; height: 200px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/grid-placement/row-explicit-placement-006.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/grid-placement/row-explicit-placement-006.html @@ -6,7 +6,7 @@ <style> .grid-lanes { display: grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; background: gray; item-tolerance: 0; height: 200px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/grid-placement/row-explicit-placement-007.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/grid-placement/row-explicit-placement-007.html @@ -7,7 +7,7 @@ <style> .grid-lanes { display: grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; background: gray; item-tolerance: 0; height: 200px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/grid-placement/row-explicit-placement-008.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/grid-placement/row-explicit-placement-008.html @@ -6,7 +6,7 @@ <style> .grid-lanes { display: grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(3, 100px); background: gray; item-tolerance: 0; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/intrinsic-sizing/grid-lanes-intrinsic-sizing-rows-001-auto.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/intrinsic-sizing/grid-lanes-intrinsic-sizing-rows-001-auto.html @@ -15,7 +15,7 @@ grid { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; gap: 1px 2px; grid-template-rows: repeat(4,auto); border: 1px solid; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/intrinsic-sizing/grid-lanes-intrinsic-sizing-rows-001-fr.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/intrinsic-sizing/grid-lanes-intrinsic-sizing-rows-001-fr.html @@ -15,7 +15,7 @@ grid { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; gap: 1px 2px; grid-template-rows: 1fr 2fr 1fr 1fr; border: 1px solid; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/intrinsic-sizing/grid-lanes-intrinsic-sizing-rows-001-mix1.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/intrinsic-sizing/grid-lanes-intrinsic-sizing-rows-001-mix1.html @@ -15,7 +15,7 @@ grid { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; gap: 1px 2px; grid-template-rows: 1fr 2fr min-content max-content; border: 1px solid; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/intrinsic-sizing/grid-lanes-intrinsic-sizing-rows-001-mix2.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/intrinsic-sizing/grid-lanes-intrinsic-sizing-rows-001-mix2.html @@ -15,7 +15,7 @@ grid { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; gap: 1px 2px; /* keep fixed values small enough for spanners to have an effect */ grid-template-rows: 1.1ch auto 1.4ch 1fr; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/intrinsic-sizing/grid-lanes-intrinsic-sizing-rows-002-auto.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/intrinsic-sizing/grid-lanes-intrinsic-sizing-rows-002-auto.html @@ -15,7 +15,7 @@ grid { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; gap: 1px 2px; grid-template-rows: repeat(4,auto); border: 1px solid; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/intrinsic-sizing/grid-lanes-intrinsic-sizing-rows-002-fr.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/intrinsic-sizing/grid-lanes-intrinsic-sizing-rows-002-fr.html @@ -15,7 +15,7 @@ grid { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; gap: 1px 2px; grid-template-rows: 1fr 2fr 1fr 1fr; border: 1px solid; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/intrinsic-sizing/grid-lanes-intrinsic-sizing-rows-002-mix1.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/intrinsic-sizing/grid-lanes-intrinsic-sizing-rows-002-mix1.html @@ -15,7 +15,7 @@ grid { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; gap: 1px 2px; grid-template-rows: 1fr 2fr min-content max-content; border: 1px solid; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/intrinsic-sizing/grid-lanes-intrinsic-sizing-rows-002-mix2.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/intrinsic-sizing/grid-lanes-intrinsic-sizing-rows-002-mix2.html @@ -15,7 +15,7 @@ grid { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; gap: 1px 2px; /* keep fixed values small enough for spanners to have an effect */ grid-template-rows: 1.1ch auto 1.4ch 1fr; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/intrinsic-sizing/grid-lanes-intrinsic-sizing-rows-003-auto.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/intrinsic-sizing/grid-lanes-intrinsic-sizing-rows-003-auto.html @@ -16,7 +16,7 @@ grid { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; gap: 1px 2px; grid-template-rows: repeat(4,auto); border: 1px solid; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/intrinsic-sizing/grid-lanes-intrinsic-sizing-rows-003-fr.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/intrinsic-sizing/grid-lanes-intrinsic-sizing-rows-003-fr.html @@ -16,7 +16,7 @@ grid { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; gap: 1px 2px; grid-template-rows: 1fr 2fr 1fr 1fr; border: 1px solid; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/intrinsic-sizing/grid-lanes-intrinsic-sizing-rows-003-mix1.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/intrinsic-sizing/grid-lanes-intrinsic-sizing-rows-003-mix1.html @@ -16,7 +16,7 @@ grid { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; gap: 1px 2px; grid-template-rows: 1fr 2fr min-content max-content; border: 1px solid; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/intrinsic-sizing/grid-lanes-intrinsic-sizing-rows-003-mix2.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/intrinsic-sizing/grid-lanes-intrinsic-sizing-rows-003-mix2.html @@ -15,7 +15,7 @@ grid { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; gap: 1px 2px; /* keep fixed values small enough for spanners to have an effect */ grid-template-rows: 1.1ch auto 1.4ch 1fr; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/intrinsic-sizing/grid-lanes-intrinsic-sizing-rows-004-auto.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/intrinsic-sizing/grid-lanes-intrinsic-sizing-rows-004-auto.html @@ -16,7 +16,7 @@ grid { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; gap: 1px 2px; grid-template-rows: repeat(4,auto); border: 1px solid; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/intrinsic-sizing/grid-lanes-intrinsic-sizing-rows-004-fr.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/intrinsic-sizing/grid-lanes-intrinsic-sizing-rows-004-fr.html @@ -15,7 +15,7 @@ grid { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; gap: 1px 2px; grid-template-rows: 1fr 2fr 1fr 1fr; border: 1px solid; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/intrinsic-sizing/grid-lanes-intrinsic-sizing-rows-004-mix1.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/intrinsic-sizing/grid-lanes-intrinsic-sizing-rows-004-mix1.html @@ -16,7 +16,7 @@ grid { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; gap: 1px 2px; grid-template-rows: 1fr 2fr min-content max-content; border: 1px solid; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/intrinsic-sizing/grid-lanes-intrinsic-sizing-rows-004-mix2.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/intrinsic-sizing/grid-lanes-intrinsic-sizing-rows-004-mix2.html @@ -15,7 +15,7 @@ grid { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; gap: 1px 2px; /* keep fixed values small enough for spanners to have an effect */ grid-template-rows: 1.1ch auto 1.4ch 1fr; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/intrinsic-sizing/grid-lanes-intrinsic-sizing-rows-005.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/intrinsic-sizing/grid-lanes-intrinsic-sizing-rows-005.html @@ -15,7 +15,7 @@ grid { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; gap: 1px 2px; grid-template-rows: repeat(4,auto); border: 1px solid; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/intrinsic-sizing/grid-lanes-intrinsic-sizing-rows-006.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/intrinsic-sizing/grid-lanes-intrinsic-sizing-rows-006.html @@ -15,7 +15,7 @@ grid { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; gap: 1px 2px; grid-template-rows: repeat(4,auto); border: 1px solid; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/intrinsic-sizing/grid-lanes-intrinsic-sizing-rows-007.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/intrinsic-sizing/grid-lanes-intrinsic-sizing-rows-007.html @@ -15,7 +15,7 @@ grid { display: grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; gap: 1rem 1rem; grid-template-rows: repeat(4,100px); border: 1px solid; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/intrinsic-sizing/row-defined-height.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/intrinsic-sizing/row-defined-height.html @@ -9,7 +9,7 @@ background: gray; position: relative; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: auto auto auto; width: 300px; height: 100px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/intrinsic-sizing/row-intrinsic-inline-container-size.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/intrinsic-sizing/row-intrinsic-inline-container-size.html @@ -6,7 +6,7 @@ <link rel="author" title="Celeste Pan" href="mailto:celestepan@microsoft.com"> <style> .grid-lanes { - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(3, 20px); display: grid-lanes; background: gray; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/column-reverse-001.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/column-reverse-001.html @@ -9,7 +9,7 @@ item-tolerance: 0; grid-template-columns: repeat(3, 50px); gap: 10px; - masonry-direction: column-reverse; + grid-lanes-direction: column-reverse; } </style> <body> diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/column-reverse-002-ref.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/column-reverse-002-ref.html @@ -6,7 +6,7 @@ item-tolerance: 0; grid-template-columns: repeat(3, auto); gap: 10px; - masonry-direction: column; + grid-lanes-direction: column; } </style> <body> diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/column-reverse-002.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/column-reverse-002.html @@ -9,7 +9,7 @@ item-tolerance: 0; grid-template-columns: repeat(3, auto); gap: 10px; - masonry-direction: column-reverse; + grid-lanes-direction: column-reverse; } </style> <body> diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/column-reverse-003-ref.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/column-reverse-003-ref.html @@ -10,7 +10,7 @@ } </style> <body> - <p>The CSS property `direction` is correctly applied on top of `masonry-direction`</p> + <p>The CSS property `direction` is correctly applied on top of `grid-lanes-direction`</p> <div class="grid-lanes"> <div style="background: lightgreen; width: min-content;">The cat still cannot be separated from milk</div> <div style="background: lightskyblue;">The cat cannot be separated from milk</div> diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/column-reverse-003.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/column-reverse-003.html @@ -9,12 +9,12 @@ item-tolerance: 0; grid-template-columns: repeat(3, min-content); gap: 10px; - masonry-direction: column-reverse; + grid-lanes-direction: column-reverse; direction: rtl; } </style> <body> - <p>The CSS property `direction` is correctly applied on top of `masonry-direction`</p> + <p>The CSS property `direction` is correctly applied on top of `grid-lanes-direction`</p> <div class="grid-lanes"> <div style="background: lavender;">Some larger words in this sentence</div> <div style="background: lightskyblue;">The cat cannot be separated from milk</div> diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/dense-packing/row-dense-packing-001.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/dense-packing/row-dense-packing-001.html @@ -8,7 +8,7 @@ display: grid-lanes; background: gray; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(3, 50px); width: 170px; grid-auto-flow: dense; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/dense-packing/row-dense-packing-002.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/dense-packing/row-dense-packing-002.html @@ -8,7 +8,7 @@ display: grid-lanes; background: gray; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(3, 50px); padding: 10px; grid-auto-flow: dense; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/dense-packing/row-dense-packing-003.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/dense-packing/row-dense-packing-003.html @@ -8,7 +8,7 @@ display: grid-lanes; background: gray; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(3, 50px); grid-auto-flow: dense; } diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/dense-packing/row-dense-packing-004.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/dense-packing/row-dense-packing-004.html @@ -7,7 +7,7 @@ .grid-lanes { display: grid-lanes; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(4, 50px); grid-auto-flow: dense; } diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/dense-packing/row-dense-packing-multi-span-001.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/dense-packing/row-dense-packing-multi-span-001.html @@ -7,7 +7,7 @@ .grid-lanes { display: grid-lanes; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(4, 50px); grid-auto-flow: dense; } diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/dense-packing/row-dense-packing-multi-span-002.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/dense-packing/row-dense-packing-multi-span-002.html @@ -7,7 +7,7 @@ .grid-lanes { display: grid-lanes; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: 10px 10px 20px 15px 5px; grid-auto-flow: dense; } diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/dense-packing/row-dense-packing-multi-span-003.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/dense-packing/row-dense-packing-multi-span-003.html @@ -7,7 +7,7 @@ .grid-lanes { display: grid-lanes; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(3, 50px); padding: 10px; grid-auto-flow: dense; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/dense-packing/row-dense-packing-multi-span-004.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/dense-packing/row-dense-packing-multi-span-004.html @@ -7,7 +7,7 @@ .grid-lanes { display: grid-lanes; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(4, 50px); grid-auto-flow: dense; } diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/dense-packing/row-dense-packing-multi-span-005.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/dense-packing/row-dense-packing-multi-span-005.html @@ -9,7 +9,7 @@ item-tolerance: 0; gap: 10px; padding: 10px; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(4, 60px); grid-auto-flow: dense; } diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/item-tolerance/column-item-tolerance-infinite.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/item-tolerance/column-item-tolerance-infinite.html @@ -9,7 +9,7 @@ <style> .grid-lanes { display: grid-lanes; - masonry-direction: column; + grid-lanes-direction: column; background: gray; grid-template-columns: repeat(4, 1fr); item-tolerance: infinite; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/item-tolerance/item-tolerance-row-001.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/item-tolerance/item-tolerance-row-001.html @@ -12,7 +12,7 @@ grid { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; grid-auto-flow: column; gap: 10px; grid-template-rows: repeat(2, 100px); diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/item-tolerance/item-tolerance-row-002.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/item-tolerance/item-tolerance-row-002.html @@ -12,7 +12,7 @@ grid { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; grid-auto-flow: column; gap: 10px; grid-template-rows: repeat(3, 100px); diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/item-tolerance/item-tolerance-row-003.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/item-tolerance/item-tolerance-row-003.html @@ -12,7 +12,7 @@ grid { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; grid-auto-flow: column; gap: 10px; grid-template-rows: repeat(3, 100px); diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/item-tolerance/item-tolerance-row-004.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/item-tolerance/item-tolerance-row-004.html @@ -12,7 +12,7 @@ grid { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; grid-auto-flow: column; gap: 10px; grid-template-rows: repeat(2, 100px); diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/item-tolerance/row-initial-item-tolerance.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/item-tolerance/row-initial-item-tolerance.html @@ -9,7 +9,7 @@ <style> .grid-lanes { display: grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; background: gray; font: 50px/1 Ahem; grid-template-rows: repeat(2, 1fr); diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/item-tolerance/row-item-tolerance-infinite.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/item-tolerance/row-item-tolerance-infinite.html @@ -9,7 +9,7 @@ <style> .grid-lanes { display: grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; background: gray; grid-template-rows: repeat(4, 1fr); item-tolerance: infinite; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/row-auto-placement-001.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/row-auto-placement-001.html @@ -9,7 +9,7 @@ background: gray; position: relative; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: auto auto auto; width: 300px; padding: 10px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/row-auto-placement-002.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/row-auto-placement-002.html @@ -10,7 +10,7 @@ background: gray; item-tolerance: 0; grid-template-rows: auto auto auto; - masonry-direction: row; + grid-lanes-direction: row; width: 870px; padding: 20px; gap: 20px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/row-auto-placement-max-content.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/row-auto-placement-max-content.html @@ -13,7 +13,7 @@ html,body { background: gray; position: relative; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: auto auto auto; width: max-content; padding: 10px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/row-auto-placement-min-content.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/row-auto-placement-min-content.html @@ -13,7 +13,7 @@ html,body { background: gray; position: relative; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: auto auto auto; width: min-content; padding: 10px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/row-negative-margin-001.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/row-negative-margin-001.html @@ -7,7 +7,7 @@ .grid-lanes { display: grid-lanes; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; } </style> <body> diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/row-reverse-001.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/row-reverse-001.html @@ -9,7 +9,7 @@ item-tolerance: 0; grid-template-rows: repeat(3, 50px); gap: 10px; - masonry-direction: row-reverse; + grid-lanes-direction: row-reverse; } </style> <body> diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/row-reverse-002-ref.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/row-reverse-002-ref.html @@ -6,7 +6,7 @@ item-tolerance: 0; grid-template-rows: repeat(3, auto); gap: 10px; - masonry-direction: row; + grid-lanes-direction: row; } </style> <body> diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/row-reverse-002.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/row-reverse-002.html @@ -9,7 +9,7 @@ item-tolerance: 0; grid-template-rows: repeat(3, auto); gap: 10px; - masonry-direction: row-reverse; + grid-lanes-direction: row-reverse; } </style> <body> diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/row-reverse-003-ref.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/row-reverse-003-ref.html @@ -5,13 +5,13 @@ display: grid-lanes; item-tolerance: 0; grid-template-rows: repeat(3, 50px); - masonry-direction: row; + grid-lanes-direction: row; direction: rtl; gap: 10px; } </style> <body> - <p>The CSS property `direction` is correctly applied on top of `masonry-direction`</p> + <p>The CSS property `direction` is correctly applied on top of `grid-lanes-direction`</p> <div class="grid-lanes"> <div style="background: lightskyblue;">The cat cannot be separated from milk</div> <div style="background: lightgreen; width: min-content;">milk</div> diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/row-reverse-003.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/row-reverse-003.html @@ -9,12 +9,12 @@ item-tolerance: 0; grid-template-rows: repeat(3, 50px); gap: 10px; - masonry-direction: row-reverse; + grid-lanes-direction: row-reverse; direction: rtl; } </style> <body> - <p>The CSS property `direction` is correctly applied on top of `masonry-direction`</p> + <p>The CSS property `direction` is correctly applied on top of `grid-lanes-direction`</p> <div class="grid-lanes"> <div style="background: lavender;">Some larger words in this sentence</div> <div style="background: lightgreen; width: min-content;">milk</div> diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/items/row-automatic-minimum-for-auto.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/items/row-automatic-minimum-for-auto.html @@ -8,7 +8,7 @@ <link rel="stylesheet" href="/fonts/ahem.css"> <style> -.grid-lanes { display: grid-lanes; masonry-direction: row; font: 10px/1 Ahem; } +.grid-lanes { display: grid-lanes; grid-lanes-direction: row; font: 10px/1 Ahem; } .minHeight10 { min-height: 10px; } .minHeight20 { min-height: 20px; } diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/items/row-flex-and-intrinsic-sizes.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/items/row-flex-and-intrinsic-sizes.html @@ -6,7 +6,7 @@ <meta name="assert" content="An item spanning >1 track, at least one of which is flexible, must have a zero automatic minimum size (and thus, not grow to accommodate its children)."> <style> -.grid-lanes { display: grid-lanes; masonry-direction: row; position: relative; grid-template-rows: repeat(12, 1fr); height: 100px; width: 100px; } +.grid-lanes { display: grid-lanes; grid-lanes-direction: row; position: relative; grid-template-rows: repeat(12, 1fr); height: 100px; width: 100px; } .test { grid-row: 1 / span 8; background: red; } .over { grid-row: 1 / span 8; height: 100%; background: green; position: absolute; } .under { grid-row: 9 / span 4; background: green; } diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/items/row-flex-spanning-items.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/items/row-flex-spanning-items.html @@ -7,7 +7,7 @@ <style> #masonry { display: grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: 1fr 30px; border: 10px solid fuchsia; height: min-content; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/items/row-flex-track-intrinsic-sizes.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/items/row-flex-track-intrinsic-sizes.html @@ -9,7 +9,7 @@ <style> #masonry { display: grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; width: 60px; height: 60px; border: solid; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/items/row-intrinsic-track-sizes.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/items/row-intrinsic-track-sizes.html @@ -8,7 +8,7 @@ <style> #masonry { display: grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; width: 120px; height: 120px; border: solid; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/items/row-item-minmax-img-001.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/items/row-item-minmax-img-001.html @@ -8,7 +8,7 @@ <style> #masonry { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: minmax(auto, 0); height: 200px; } diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/items/row-item-minmax-img-002.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/items/row-item-minmax-img-002.html @@ -8,7 +8,7 @@ <style> .grid-lanes { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: minmax(auto, 0); border: 5px solid goldenrod; } diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/items/row-item-percentage-sizes-001.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/items/row-item-percentage-sizes-001.html @@ -12,7 +12,7 @@ html,body { .grid-lanes { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; height: 10px; width: 10px; grid-template-rows: 3px auto 4px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/items/row-item-percentage-sizes-002.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/items/row-item-percentage-sizes-002.html @@ -12,7 +12,7 @@ html,body { .grid-lanes { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; height: 10px; width: 10px; grid-template-rows: 3px auto 4px 2px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/items/row-item-percentage-sizes-003.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/items/row-item-percentage-sizes-003.html @@ -12,7 +12,7 @@ html,body { .grid-lanes { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; height: 10px; width: 10px; grid-template-rows: 3px auto 4px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/items/row-minimum-contribution-baseline-shim.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/items/row-minimum-contribution-baseline-shim.html @@ -7,7 +7,7 @@ <style> .grid-lanes { display: grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; position: relative; font-size: 0; height: 0; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/items/row-minimum-contribution-with-percentages.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/items/row-minimum-contribution-with-percentages.html @@ -7,7 +7,7 @@ <style> #masonry { display: grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; height: 50px; width: 50px; grid-template-rows: auto; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/items/row-minimum-size-grid-items-001.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/items/row-minimum-size-grid-items-001.html @@ -16,7 +16,7 @@ #constrained-masonry { display: grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; width: 10px; height: 10px; grid-template-rows: minmax(auto, 0px); diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/items/row-minimum-size-grid-items-002.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/items/row-minimum-size-grid-items-002.html @@ -9,7 +9,7 @@ <style> .grid-lanes { display: grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; border: solid thick; font: 10px/1 Ahem; width: 50px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/items/row-minimum-size-grid-items-003.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/items/row-minimum-size-grid-items-003.html @@ -9,7 +9,7 @@ <style> .grid-lanes { display: grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; border: solid thick; font: 10px/1 Ahem; width: 50px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/order/row-order-property-auto-placement-001.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/order/row-order-property-auto-placement-001.html @@ -8,7 +8,7 @@ #masonry { display: grid-lanes; font: 50px/1 Ahem; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: auto auto; justify-content: start; align-content: start; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/order/row-order-property-auto-placement-002.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/order/row-order-property-auto-placement-002.html @@ -8,7 +8,7 @@ #grid { display: grid-lanes; font: 50px/1 Ahem; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: auto auto; justify-content: start; align-content: start; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/order/row-order-property-auto-placement-003.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/order/row-order-property-auto-placement-003.html @@ -8,7 +8,7 @@ #grid { display: grid-lanes; font: 50px/1 Ahem; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: auto auto; justify-content: start; align-content: start; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/order/row-order-property-auto-placement-004.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/order/row-order-property-auto-placement-004.html @@ -7,7 +7,7 @@ <style> #grid { display: grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; font: 50px/1 Ahem; grid-template-rows: auto auto; justify-content: start; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/order/row-order-property-auto-placement-005.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/order/row-order-property-auto-placement-005.html @@ -8,7 +8,7 @@ #grid { display: grid-lanes; font: 50px/1 Ahem; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: auto auto; justify-content: start; align-content: start; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/parsing/grid-lanes-direction-computed.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/parsing/grid-lanes-direction-computed.html @@ -2,7 +2,7 @@ <html> <head> <meta charset="utf-8"> - <title>CSS Masonry: masonry-direction getComputedStyle()</title> + <title>CSS Grid Lanes: grid-lanes-direction getComputedStyle()</title> <link rel="author" title="Celeste Pan" href="mailto:celestepan@microsoft.com"> <link rel="help" href="https://drafts.csswg.org/css-grid-3"> <script src="/resources/testharness.js"></script> @@ -14,10 +14,10 @@ <div id="target"></div> </div> <script> - test_computed_value("masonry-direction", "row"); - test_computed_value("masonry-direction", "column"); - test_computed_value("masonry-direction", "row-reverse"); - test_computed_value("masonry-direction", "column-reverse"); + test_computed_value("grid-lanes-direction", "row"); + test_computed_value("grid-lanes-direction", "column"); + test_computed_value("grid-lanes-direction", "row-reverse"); + test_computed_value("grid-lanes-direction", "column-reverse"); </script> </body> </html> diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/parsing/grid-lanes-direction-invalid.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/parsing/grid-lanes-direction-invalid.html @@ -2,10 +2,10 @@ <html> <head> <meta charset="utf-8"> - <title>CSS Masonry: parsing masonry-direction with invalid values</title> + <title>CSS Grid Lanes: parsing grid-lanes-direction with invalid values</title> <link rel="author" title="Celeste Pan" href="mailto:celestepan@microsoft.com"> <link rel="help" href="https://drafts.csswg.org/css-grid-3"> - <meta name="assert" content="masonry-direction supports only the grammar 'row | row-reverse | column | column-reverse'."> + <meta name="assert" content="grid-lanes-direction supports only the grammar 'row | row-reverse | column | column-reverse'."> <script src="/resources/testharness.js"></script> <script src="/resources/testharnessreport.js"></script> <script src="/css/support/parsing-testcommon.js"></script> @@ -14,8 +14,8 @@ <div id="target"></div> </div> <script> - test_invalid_value("masonry-direction", "auto"); - test_invalid_value("masonry-direction", "column row-reverse"); + test_invalid_value("grid-lanes-direction", "auto"); + test_invalid_value("grid-lanes-direction", "column row-reverse"); </script> </body> </html> diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/parsing/grid-lanes-direction-valid.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/parsing/grid-lanes-direction-valid.html @@ -2,10 +2,10 @@ <html> <head> <meta charset="utf-8"> - <title>CSS Masonry: parsing masonry-direction with valid values</title> + <title>CSS Grid Lanes: parsing grid-lanes-direction with valid values</title> <link rel="author" title="Celeste Pan" href="mailto:celestepan@microsoft.com"> <link rel="help" href="https://drafts.csswg.org/css-grid-3"> - <meta name="assert" content="masonry-direction supports the full grammar 'row | row-reverse | column | column-reverse'."> + <meta name="assert" content="grid-lanes-direction supports the full grammar 'row | row-reverse | column | column-reverse'."> <script src="/resources/testharness.js"></script> <script src="/resources/testharnessreport.js"></script> <script src="/css/support/parsing-testcommon.js"></script> @@ -13,10 +13,10 @@ <body> <div id="target"></div> <script> - test_valid_value("masonry-direction", "row"); - test_valid_value("masonry-direction", "row-reverse"); - test_valid_value("masonry-direction", "column"); - test_valid_value("masonry-direction", "column-reverse"); + test_valid_value("grid-lanes-direction", "row"); + test_valid_value("grid-lanes-direction", "row-reverse"); + test_valid_value("grid-lanes-direction", "column"); + test_valid_value("grid-lanes-direction", "column-reverse"); </script> </body> </html> diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/parsing/grid-lanes-flow-valid.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/parsing/grid-lanes-flow-valid.html @@ -15,44 +15,44 @@ test_valid_value("grid-lanes-flow", "column normal"); test_valid_value("grid-lanes-flow", "column reverse"); test_shorthand_value('grid-lanes-flow', 'column normal', { - 'masonry-direction': 'column', + 'grid-lanes-direction': 'column', 'grid-lanes-fill': 'normal' }); test_shorthand_value('grid-lanes-flow', 'column reverse', { - 'masonry-direction': 'column', + 'grid-lanes-direction': 'column', 'grid-lanes-fill': 'reverse' }); test_valid_value("grid-lanes-flow", "row normal"); test_valid_value("grid-lanes-flow", "row reverse"); test_shorthand_value('grid-lanes-flow', 'row normal', { - 'masonry-direction': 'row', + 'grid-lanes-direction': 'row', 'grid-lanes-fill': 'normal' }); test_shorthand_value('grid-lanes-flow', 'row reverse', { - 'masonry-direction': 'row', + 'grid-lanes-direction': 'row', 'grid-lanes-fill': 'reverse' }); test_valid_value("grid-lanes-flow", "column-reverse normal"); test_valid_value("grid-lanes-flow", "column-reverse reverse"); test_shorthand_value('grid-lanes-flow', 'column-reverse normal', { - 'masonry-direction': 'column-reverse', + 'grid-lanes-direction': 'column-reverse', 'grid-lanes-fill': 'normal' }); test_shorthand_value('grid-lanes-flow', 'column-reverse reverse', { - 'masonry-direction': 'column-reverse', + 'grid-lanes-direction': 'column-reverse', 'grid-lanes-fill': 'reverse' }); test_valid_value("grid-lanes-flow", "row-reverse normal"); test_valid_value("grid-lanes-flow", "row-reverse reverse"); test_shorthand_value('grid-lanes-flow', 'row-reverse normal', { - 'masonry-direction': 'row-reverse', + 'grid-lanes-direction': 'row-reverse', 'grid-lanes-fill': 'normal' }); test_shorthand_value('grid-lanes-flow', 'row-reverse reverse', { - 'masonry-direction': 'row-reverse', + 'grid-lanes-direction': 'row-reverse', 'grid-lanes-fill': 'reverse' }); </script> diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/parsing/grid-lanes-shorthand-serialization.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/parsing/grid-lanes-shorthand-serialization.html @@ -9,14 +9,14 @@ </head> <body> <script> - function testValidGridLanes(gridTemplateRowsValue, gridTemplateColumnsValue, gridTemplateAreasValue, masonryDirectionValue, gridLanesFillValue, serializedGridLanesValue) { + function testValidGridLanes(gridTemplateRowsValue, gridTemplateColumnsValue, gridTemplateAreasValue, gridLanesDirectionValue, gridLanesFillValue, serializedGridLanesValue) { test(()=>{ const root = document.documentElement; const properties = [ ["gridTemplateRows", gridTemplateRowsValue], ["gridTemplateColumns", gridTemplateColumnsValue], ["gridTemplateAreas", gridTemplateAreasValue], - ["masonryDirection", masonryDirectionValue], + ["gridLanesDirection", gridLanesDirectionValue], ["gridLanesFill", gridLanesFillValue], ]; for (const [property, value] of properties) { @@ -27,7 +27,7 @@ }, `grid-template-rows: ${gridTemplateRowsValue}, grid-template-columns: ${gridTemplateColumnsValue}, grid-template-areas: ${gridTemplateAreasValue}, - masonry-direction: ${masonryDirectionValue}, + grid-lanes-direction: ${gridLanesDirectionValue}, grid-lanes-fill: ${gridLanesFillValue} should be valid.`); } diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/parsing/grid-lanes-shorthand-valid.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/parsing/grid-lanes-shorthand-valid.html @@ -48,31 +48,31 @@ test_shorthand_value('grid-lanes', 'none', { 'grid-template-columns': 'none', 'grid-template-areas': 'none', - 'masonry-direction': 'column', + 'grid-lanes-direction': 'column', 'grid-lanes-fill': 'normal' }); test_shorthand_value('grid-lanes', '10px reverse', { 'grid-template-columns': '10px', 'grid-template-areas': 'none', - 'masonry-direction': 'column', + 'grid-lanes-direction': 'column', 'grid-lanes-fill': 'reverse' }); test_shorthand_value('grid-lanes', '"b a" 20% 40% column normal', { 'grid-template-columns': '20% 40%', 'grid-template-areas': '"b a"', - 'masonry-direction': 'column', + 'grid-lanes-direction': 'column', 'grid-lanes-fill': 'normal' }); test_shorthand_value('grid-lanes', '"b b a" 1fr 2fr 3fr row', { 'grid-template-rows': '1fr 2fr 3fr', 'grid-template-areas': '"b" "b" "a"', - 'masonry-direction': 'row', + 'grid-lanes-direction': 'row', 'grid-lanes-fill': 'normal' }); test_shorthand_value('grid-lanes', 'repeat(2, auto) row-reverse', { 'grid-template-rows': 'repeat(2, auto)', 'grid-template-areas': 'none', - 'masonry-direction': 'row-reverse', + 'grid-lanes-direction': 'row-reverse', 'grid-lanes-fill': 'normal' }); </script> diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/row-empty-grid-lanes-container-001.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/row-empty-grid-lanes-container-001.html @@ -6,7 +6,7 @@ <style> .empty-container { display: grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; }; </style> <body> diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/row-empty-grid-lanes-container-002.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/row-empty-grid-lanes-container-002.html @@ -6,7 +6,7 @@ <style> .grid-lanes { display: grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; background: gray; position: relative; item-tolerance: 0; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/row-min-max-content-container.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/row-min-max-content-container.html @@ -13,7 +13,7 @@ html,body { background: gray; position: relative; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: auto auto auto; padding: 10px; } diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/subgrid/column/grid-lanes-subgrid-001a.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/subgrid/column/grid-lanes-subgrid-001a.html @@ -16,7 +16,7 @@ html,body { grid { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: 50px 80px 40px; gap: 4px 2px; padding: 1px 3px 5px 7px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/subgrid/column/grid-lanes-subgrid-001b.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/subgrid/column/grid-lanes-subgrid-001b.html @@ -16,7 +16,7 @@ html,body { grid { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: 50px 80px 40px; gap: 4px 2px; padding: 1px 3px 5px 7px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/subgrid/column/grid-lanes-subgrid-001c.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/subgrid/column/grid-lanes-subgrid-001c.html @@ -16,7 +16,7 @@ html,body { grid { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: 50px 80px 40px; gap: 4px 2px; padding: 1px 3px 5px 7px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/subgrid/column/grid-lanes-subgrid-001d.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/subgrid/column/grid-lanes-subgrid-001d.html @@ -16,7 +16,7 @@ html,body { grid { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: 50px 80px 40px; gap: 4px 2px; padding: 1px 3px 5px 7px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/subgrid/column/grid-lanes-subgrid-001e.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/subgrid/column/grid-lanes-subgrid-001e.html @@ -16,7 +16,7 @@ html,body { grid { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: 50px 80px 40px; gap: 4px 2px; padding: 1px 3px 5px 7px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/subgrid/column/grid-lanes-subgrid-002a.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/subgrid/column/grid-lanes-subgrid-002a.html @@ -16,7 +16,7 @@ html,body { grid { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: 40px 30px 20px; gap: 4px 2px; padding: 1px 3px 5px 7px; @@ -25,7 +25,7 @@ grid { background: lightgrey content-box; } .rows { - masonry-direction: column; + grid-lanes-direction: column; grid-template-columns: 40px 30px 20px; } item { diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/subgrid/column/grid-lanes-subgrid-002b.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/subgrid/column/grid-lanes-subgrid-002b.html @@ -16,7 +16,7 @@ html,body { grid { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: 40px 30px 20px; gap: 4px 2px; padding: 1px 3px 5px 7px; @@ -25,7 +25,7 @@ grid { background: lightgrey content-box; } .rows { - masonry-direction: column; + grid-lanes-direction: column; grid-template-columns: 40px 30px 20px; } item { diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/subgrid/column/grid-lanes-subgrid-002c.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/subgrid/column/grid-lanes-subgrid-002c.html @@ -16,7 +16,7 @@ html,body { grid { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: 40px 30px 20px; gap: 4px 2px; padding: 1px 3px 5px 7px; @@ -25,7 +25,7 @@ grid { background: lightgrey content-box; } .rows { - masonry-direction: column; + grid-lanes-direction: column; grid-template-columns: 40px 30px 20px; } item { diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/subgrid/column/grid-lanes-subgrid-002d.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/subgrid/column/grid-lanes-subgrid-002d.html @@ -16,7 +16,7 @@ html,body { grid { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: 40px 30px 20px; gap: 4px 2px; padding: 1px 3px 5px 7px; @@ -25,7 +25,7 @@ grid { background: lightgrey content-box; } .rows { - masonry-direction: column; + grid-lanes-direction: column; grid-template-columns: 40px 30px 20px; } item { diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/subgrid/column/grid-lanes-subgrid-002e.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/subgrid/column/grid-lanes-subgrid-002e.html @@ -16,7 +16,7 @@ html,body { grid { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: 40px 30px 20px; gap: 4px 2px; padding: 1px 3px 5px 7px; @@ -25,7 +25,7 @@ grid { background: lightgrey content-box; } .rows { - masonry-direction: column; + grid-lanes-direction: column; grid-template-columns: 40px 30px 20px; } item { diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/subgrid/column/grid-lanes-subgrid-002f.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/subgrid/column/grid-lanes-subgrid-002f.html @@ -16,7 +16,7 @@ html,body { grid { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: 40px 30px 20px; gap: 4px 2px; padding: 1px 3px 5px 7px; @@ -25,7 +25,7 @@ grid { background: lightgrey content-box; } .rows { - masonry-direction: column; + grid-lanes-direction: column; grid-template-columns: 40px 30px 20px; } item { diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/subgrid/column/grid-lanes-subgrid-002g.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/subgrid/column/grid-lanes-subgrid-002g.html @@ -16,7 +16,7 @@ html,body { grid { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: 40px 30px 20px; gap: 4px 2px; padding: 1px 3px 5px 7px; @@ -25,7 +25,7 @@ grid { background: lightgrey content-box; } .rows { - masonry-direction: column; + grid-lanes-direction: column; grid-template-columns: 40px 30px 20px; } item { diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/subgrid/column/grid-lanes-subgrid-002h.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/subgrid/column/grid-lanes-subgrid-002h.html @@ -16,7 +16,7 @@ html,body { grid { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: 40px 30px 20px; gap: 4px 2px; padding: 1px 3px 5px 7px; @@ -25,7 +25,7 @@ grid { background: lightgrey content-box; } .rows { - masonry-direction: column; + grid-lanes-direction: column; grid-template-columns: 40px 30px 20px; } item { diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/subgrid/column/grid-lanes-subgrid-002i.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/subgrid/column/grid-lanes-subgrid-002i.html @@ -16,7 +16,7 @@ html,body { grid { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: 40px 30px 20px; gap: 4px 2px; padding: 1px 3px 5px 7px; @@ -25,7 +25,7 @@ grid { background: lightgrey content-box; } .rows { - masonry-direction: column; + grid-lanes-direction: column; grid-template-columns: 40px 30px 20px; } item { diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/subgrid/row/grid-lanes-subgrid-001a.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/subgrid/row/grid-lanes-subgrid-001a.html @@ -16,7 +16,7 @@ html,body { grid { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: 50px 80px 40px; gap: 4px 2px; padding: 1px 3px 5px 7px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/subgrid/row/grid-lanes-subgrid-001b.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/subgrid/row/grid-lanes-subgrid-001b.html @@ -16,7 +16,7 @@ html,body { grid { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: 50px 80px 40px; gap: 4px 2px; padding: 1px 3px 5px 7px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/subgrid/row/grid-lanes-subgrid-001c.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/subgrid/row/grid-lanes-subgrid-001c.html @@ -16,7 +16,7 @@ html,body { grid { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: 50px 80px 40px; gap: 4px 2px; padding: 1px 3px 5px 7px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/subgrid/row/grid-lanes-subgrid-001d.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/subgrid/row/grid-lanes-subgrid-001d.html @@ -16,7 +16,7 @@ html,body { grid { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: 50px 80px 40px; gap: 4px 2px; padding: 1px 3px 5px 7px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/subgrid/row/grid-lanes-subgrid-002a.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/subgrid/row/grid-lanes-subgrid-002a.html @@ -16,7 +16,7 @@ html,body { grid { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: 40px 30px 20px; gap: 4px 2px; padding: 1px 3px 5px 7px; @@ -25,7 +25,7 @@ grid { background: lightgrey content-box; } .rows { - masonry-direction: column; + grid-lanes-direction: column; grid-template-columns: 40px 30px 20px; } item { diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/subgrid/row/grid-lanes-subgrid-002b.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/subgrid/row/grid-lanes-subgrid-002b.html @@ -16,7 +16,7 @@ html,body { grid { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: 40px 30px 20px; gap: 4px 2px; padding: 1px 3px 5px 7px; @@ -25,7 +25,7 @@ grid { background: lightgrey content-box; } .rows { - masonry-direction: column; + grid-lanes-direction: column; grid-template-columns: 40px 30px 20px; } item { diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/subgrid/row/grid-lanes-subgrid-002c.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/subgrid/row/grid-lanes-subgrid-002c.html @@ -16,7 +16,7 @@ html,body { grid { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: 40px 30px 20px; gap: 4px 2px; padding: 1px 3px 5px 7px; @@ -25,7 +25,7 @@ grid { background: lightgrey content-box; } .rows { - masonry-direction: column; + grid-lanes-direction: column; grid-template-columns: 40px 30px 20px; } item { diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/subgrid/row/grid-lanes-subgrid-002d.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/subgrid/row/grid-lanes-subgrid-002d.html @@ -16,7 +16,7 @@ html,body { grid { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: 40px 30px 20px; gap: 4px 2px; padding: 1px 3px 5px 7px; @@ -25,7 +25,7 @@ grid { background: lightgrey content-box; } .rows { - masonry-direction: column; + grid-lanes-direction: column; grid-template-columns: 40px 30px 20px; } item { diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/subgrid/row/grid-lanes-subgrid-002e.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/subgrid/row/grid-lanes-subgrid-002e.html @@ -16,7 +16,7 @@ html,body { grid { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: 40px 30px 20px; gap: 4px 2px; padding: 1px 3px 5px 7px; @@ -25,7 +25,7 @@ grid { background: lightgrey content-box; } .rows { - masonry-direction: column; + grid-lanes-direction: column; grid-template-columns: 40px 30px 20px; } item { diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/subgrid/row/grid-lanes-subgrid-002f.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/subgrid/row/grid-lanes-subgrid-002f.html @@ -16,7 +16,7 @@ html,body { grid { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: 40px 30px 20px; gap: 4px 2px; padding: 1px 3px 5px 7px; @@ -25,7 +25,7 @@ grid { background: lightgrey content-box; } .rows { - masonry-direction: column; + grid-lanes-direction: column; grid-template-columns: 40px 30px 20px; } item { diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/subgrid/row/grid-lanes-subgrid-002g.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/subgrid/row/grid-lanes-subgrid-002g.html @@ -16,7 +16,7 @@ html,body { grid { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: 40px 30px 20px; gap: 4px 2px; padding: 1px 3px 5px 7px; @@ -25,7 +25,7 @@ grid { background: lightgrey content-box; } .rows { - masonry-direction: column; + grid-lanes-direction: column; grid-template-columns: 40px 30px 20px; } item { diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/subgrid/row/grid-lanes-subgrid-002h.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/subgrid/row/grid-lanes-subgrid-002h.html @@ -16,7 +16,7 @@ html,body { grid { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: 40px 30px 20px; gap: 4px 2px; padding: 1px 3px 5px 7px; @@ -25,7 +25,7 @@ grid { background: lightgrey content-box; } .rows { - masonry-direction: column; + grid-lanes-direction: column; grid-template-columns: 40px 30px 20px; } item { diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/subgrid/row/grid-lanes-subgrid-002i.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/subgrid/row/grid-lanes-subgrid-002i.html @@ -16,7 +16,7 @@ html,body { grid { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: 40px 30px 20px; gap: 4px 2px; padding: 1px 3px 5px 7px; @@ -25,7 +25,7 @@ grid { background: lightgrey content-box; } .rows { - masonry-direction: column; + grid-lanes-direction: column; grid-template-columns: 40px 30px 20px; } item { diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-001.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-001.html @@ -9,7 +9,7 @@ display: grid-lanes; background: gray; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(auto-fill, auto); width: 300px; height: 300px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-002.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-002.html @@ -10,7 +10,7 @@ display: grid-lanes; background: gray; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(auto-fill, auto); width: 200px; height: 360px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-003.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-003.html @@ -10,7 +10,7 @@ display: grid-lanes; background: gray; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(auto-fill, auto); width: 200px; height: 360px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-004.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-004.html @@ -9,7 +9,7 @@ display: grid-lanes; background: gray; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: auto auto auto auto; grid-gap: 20px; width: 260px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-005.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-005.html @@ -9,7 +9,7 @@ display: grid-lanes; background: gray; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; /* This is not currently a valid track definition and will fall back to none. diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-006.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-006.html @@ -8,7 +8,7 @@ display: inline-grid-lanes; background: green; aspect-ratio: 1/1; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(auto-fill, auto); min-height: 60px; } diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-007.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-007.html @@ -8,7 +8,7 @@ display: inline-grid-lanes; background: green; aspect-ratio: 1/1; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(auto-fill, auto); min-height: 60%; } diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-008.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-008.html @@ -6,7 +6,7 @@ <style> .grid-lanes { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; background: green; width: 100px; min-height: 60%; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-009.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-009.html @@ -7,7 +7,7 @@ .grid-lanes { position: relative; display: grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(auto-fill, auto); min-width: 300px; min-height: 200px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-010.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-010.html @@ -8,7 +8,7 @@ position: relative; display: grid-lanes; grid-template-rows: repeat(auto-fill, auto); - masonry-direction: row; + grid-lanes-direction: row; max-width: 100px; min-width: 250px; max-height: 50px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-011.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-011.html @@ -8,7 +8,7 @@ display: grid-lanes; border: solid thick; margin: 10px; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(auto-fill, auto auto); grid-row-gap: 100px; height: 300px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-012.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-012.html @@ -9,7 +9,7 @@ display: grid-lanes; background: gray; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(auto-fit, auto); height: 300px; width: 300px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-013.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-013.html @@ -9,7 +9,7 @@ display: grid-lanes; background: gray; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(auto-fit, auto); width: 300px; height: 300px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-014.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-014.html @@ -9,7 +9,7 @@ display: grid-lanes; background: gray; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(auto-fit, auto); width: 200px; height: 500px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-015.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-015.html @@ -9,7 +9,7 @@ .grid-lanes { display: grid-lanes; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(auto-fit, auto); width: 200px; height: 1000px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-016.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-016.html @@ -9,7 +9,7 @@ .grid-lanes { display: grid-lanes; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(auto-fit, auto); width: 200px; height: 1000px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-017-ref.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-017-ref.html @@ -3,7 +3,7 @@ <style> .grid-lanes { display: grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(9, auto); width: 200px; height: 500px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-017.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-017.html @@ -8,7 +8,7 @@ .grid-lanes { display: grid-lanes; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(auto-fit, auto); width: 200px; height: 500px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-018.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-018.html @@ -8,7 +8,7 @@ .grid-lanes { display: grid-lanes; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: 50px repeat(5, 50px) repeat(auto-fit, auto); width: 200px; height: 500px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-019.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-019.html @@ -9,7 +9,7 @@ display: grid-lanes; background: gray; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: 100px repeat(auto-fit, auto); width: 500px; height: 300px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-020.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-020.html @@ -9,7 +9,7 @@ .grid-lanes { display: grid-lanes; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(5, 100px) repeat(auto-fit, auto); width: 200px; height: 1000px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-021.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-021.html @@ -9,7 +9,7 @@ .grid-lanes { display: grid-lanes; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(auto-fit, auto) repeat(5, 100px); width: 200px; height: 1000px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-022.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-022.html @@ -8,7 +8,7 @@ .grid-lanes { display: grid-lanes; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(4, 50px) repeat(auto-fit, auto) repeat(4, 50px); width: 200px; height: 500px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-023.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-023.html @@ -8,7 +8,7 @@ .grid-lanes { display: grid-lanes; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(auto-fill, auto); height: 400px; gap: 10px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-024.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-024.html @@ -8,7 +8,7 @@ .grid-lanes { display: grid-lanes; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(auto-fill, auto); height: 400px; gap: 10px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-025.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-025.html @@ -8,7 +8,7 @@ .grid-lanes { display: grid-lanes; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(auto-fill, auto); height: 400px; gap: 10px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-026.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-026.html @@ -8,7 +8,7 @@ .grid-lanes { display: grid-lanes; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(auto-fill, auto); height: 400px; gap: 10px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-027.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-027.html @@ -8,7 +8,7 @@ .grid-lanes { display: grid-lanes; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(auto-fill, auto); height: 400px; gap: 10px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-028.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-028.html @@ -11,7 +11,7 @@ or items against in the block axis. --> display: grid-lanes; background: gray; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(auto-fill, auto); width: auto; height: auto; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-no-items-crash.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-auto-no-items-crash.html @@ -6,7 +6,7 @@ <style> #masonry { display: grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(auto-fill, minmax(20px, 30px) auto); } </style> diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-fit-content-001.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-fit-content-001.html @@ -10,7 +10,7 @@ display: grid-lanes; background: gray; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(auto-fill, fit-content(100px)); width: 300px; height: 300px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-fit-content-002.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-fit-content-002.html @@ -10,7 +10,7 @@ display: grid-lanes; background: gray; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(auto-fill, fit-content(100px)); width: 300px; height: 300px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-fit-content-003.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-fit-content-003.html @@ -10,7 +10,7 @@ display: grid-lanes; background: gray; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; /* This is not currently a valid track definition and will fall back to none. diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-fit-content-004.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-fit-content-004.html @@ -10,7 +10,7 @@ display: grid-lanes; background: gray; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(auto-fill, fit-content(100px) fit-content(100px)); width: 300px; height: 300px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-fit-content-005.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-fit-content-005.html @@ -10,7 +10,7 @@ display: grid-lanes; background: gray; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(auto-fit, fit-content(100px)); height: 300px; width: 300px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-max-content-001.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-max-content-001.html @@ -10,7 +10,7 @@ display: grid-lanes; background: gray; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(auto-fill, max-content); width: 300px; height: 300px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-max-content-002.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-max-content-002.html @@ -10,7 +10,7 @@ display: grid-lanes; background: gray; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(auto-fill, max-content); width: 300px; height: 300px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-max-content-003.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-max-content-003.html @@ -10,7 +10,7 @@ display: grid-lanes; background: gray; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; /* This is not currently a valid track definition and will fall back to none. diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-max-content-004.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-max-content-004.html @@ -10,7 +10,7 @@ display: grid-lanes; background: gray; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(auto-fill, max-content max-content); width: 300px; height: 300px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-max-content-005.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-max-content-005.html @@ -10,7 +10,7 @@ display: grid-lanes; background: gray; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(auto-fit, max-content); height: 300px; width: 300px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-min-content-001.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-min-content-001.html @@ -10,7 +10,7 @@ display: grid-lanes; background: gray; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(auto-fill, min-content); width: 300px; height: 300px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-min-content-002.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-min-content-002.html @@ -10,7 +10,7 @@ display: grid-lanes; background: gray; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(auto-fill, min-content); width: 300px; height: 300px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-min-content-003.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-min-content-003.html @@ -10,7 +10,7 @@ display: grid-lanes; background: gray; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; /* This is not currently a valid track definition and will fall back to none. diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-min-content-004.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-min-content-004.html @@ -10,7 +10,7 @@ display: grid-lanes; background: gray; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(auto-fill, min-content min-content); width: 300px; height: 300px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-min-content-005.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-min-content-005.html @@ -10,7 +10,7 @@ display: grid-lanes; background: gray; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(auto-fit, min-content); height: 300px; width: 300px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-mixed-intrinsic-001.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-mixed-intrinsic-001.html @@ -10,7 +10,7 @@ display: grid-lanes; background: gray; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(auto-fill, min-content max-content fit-content(100px) auto); height: 500px; width: 300px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-mixed-intrinsic-002.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/intrinsic-auto-repeat/row-auto-repeat-mixed-intrinsic-002.html @@ -10,7 +10,7 @@ display: grid-lanes; background: gray; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(auto-fill, auto fit-content(100px)); height: 300px; width: 300px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/row-auto-repeat-001.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/row-auto-repeat-001.html @@ -9,7 +9,7 @@ display: grid-lanes; background: gray; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(auto-fill, 100px); width: 300px; height: 300px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/row-auto-repeat-002.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/row-auto-repeat-002.html @@ -9,7 +9,7 @@ display: grid-lanes; background: gray; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(auto-fill, 25%); width: 200px; height: 300px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/row-auto-repeat-003.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/row-auto-repeat-003.html @@ -8,7 +8,7 @@ display: inline-grid-lanes; background: green; aspect-ratio: 1/1; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(auto-fill, 50px); min-height: 60px; } diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/row-auto-repeat-004.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/row-auto-repeat-004.html @@ -8,7 +8,7 @@ display: inline-grid-lanes; background: green; aspect-ratio: 1/1; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(auto-fill, 50px); min-height: 60%; } diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/row-auto-repeat-005.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/row-auto-repeat-005.html @@ -6,7 +6,7 @@ <style> .grid-lanes { display: grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; height: 100px; grid-template-rows: repeat(auto-fill, minmax(50px, 25px)); } diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/row-auto-repeat-006.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/row-auto-repeat-006.html @@ -6,7 +6,7 @@ <style> .grid-lanes { display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; background: green; width: 100px; min-height: 60%; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/row-auto-repeat-007.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/row-auto-repeat-007.html @@ -7,7 +7,7 @@ .grid-lanes { position: relative; display: grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(auto-fill, 50px); min-width: 300px; min-height: 200px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/row-auto-repeat-008.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/row-auto-repeat-008.html @@ -7,7 +7,7 @@ .grid-lanes { position: relative; display: grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(auto-fill, 50px); min-width: 50%; min-height: 80%; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/row-auto-repeat-009.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/row-auto-repeat-009.html @@ -9,7 +9,7 @@ .grid-lanes { position: relative; display: inline-grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(auto-fill, 20%); min-height: 50%; width: 100px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/row-auto-repeat-010.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/row-auto-repeat-010.html @@ -7,7 +7,7 @@ .grid-lanes { position: relative; display: grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(auto-fill, 50px); max-width: 50%; max-height: 80%; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/row-auto-repeat-011.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/row-auto-repeat-011.html @@ -8,7 +8,7 @@ position: relative; display: grid-lanes; grid-template-rows: repeat(auto-fill, 50px); - masonry-direction: row; + grid-lanes-direction: row; max-width: 100px; min-width: 250px; max-height: 50px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/row-auto-repeat-012.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/row-auto-repeat-012.html @@ -8,7 +8,7 @@ display: grid-lanes; border: solid thick; margin: 10px; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(auto-fill, 50px 50px); grid-row-gap: 100px; height: 300px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/row-auto-repeat-013.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/row-auto-repeat-013.html @@ -7,7 +7,7 @@ .grid-lanes { display: grid-lanes; border: solid thick; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: 10px 20px repeat(auto-fill, 30px 40px) 50px 60px; height: 300px; background: pink; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/row-auto-repeat-014.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/row-auto-repeat-014.html @@ -8,7 +8,7 @@ display: inline-grid-lanes; border: 1px solid black; grid-template-rows: [u] repeat(auto-fill, [v] 10px [w] 10px [x] 10px [y]) [z]; - masonry-direction: row; + grid-lanes-direction: row; grid-row-gap: 3px; width: min-content; /* Does not fit a whole-number of repetitions */ diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/row-auto-repeat-015.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/row-auto-repeat-015.html @@ -9,7 +9,7 @@ display: grid-lanes; background: gray; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(auto-fit, 100px); height: 300px; width: 300px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/row-auto-repeat-016.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/row-auto-repeat-016.html @@ -9,7 +9,7 @@ display: grid-lanes; background: gray; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(auto-fit, 100px); width: 200px; height: 500px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/row-auto-repeat-017.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/row-auto-repeat-017.html @@ -9,7 +9,7 @@ .grid-lanes { display: grid-lanes; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(auto-fit, 100px); width: 200px; height: 1000px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/row-auto-repeat-018.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/row-auto-repeat-018.html @@ -9,7 +9,7 @@ .grid-lanes { display: grid-lanes; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(auto-fit, 100px); width: 200px; height: 1000px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/row-auto-repeat-019.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/row-auto-repeat-019.html @@ -8,7 +8,7 @@ .grid-lanes { display: grid-lanes; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(auto-fit, 50px); width: 200px; height: 500px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/row-auto-repeat-020.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/row-auto-repeat-020.html @@ -8,7 +8,7 @@ .grid-lanes { display: grid-lanes; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: 50px repeat(5, 50px) repeat(auto-fit, 50px); width: 200px; height: 500px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/row-auto-repeat-021.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/row-auto-repeat-021.html @@ -9,7 +9,7 @@ display: grid-lanes; background: gray; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: 100px repeat(auto-fit, 100px); width: 500px; height: 300px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/row-auto-repeat-022.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/row-auto-repeat-022.html @@ -9,7 +9,7 @@ .grid-lanes { display: grid-lanes; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(5, 100px) repeat(auto-fit, 100px); width: 200px; height: 1000px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/row-auto-repeat-023.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/row-auto-repeat-023.html @@ -9,7 +9,7 @@ .grid-lanes { display: grid-lanes; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(auto-fit, 100px) repeat(5, 100px); width: 200px; height: 1000px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/row-auto-repeat-024.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/row-auto-repeat-024.html @@ -8,7 +8,7 @@ .grid-lanes { display: grid-lanes; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(4, 50px) repeat(auto-fit, 50px) repeat(4, 50px); width: 200px; height: 500px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/row-auto-repeat-025.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/auto-repeat/row-auto-repeat-025.html @@ -8,7 +8,7 @@ .grid-lanes { display: grid-lanes; item-tolerance: 0; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: repeat(auto-fill, 100px); height: 400px; width: 200px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/dynamic-grid-track-direction.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/dynamic-grid-track-direction.html @@ -20,7 +20,7 @@ assert_equals(computedStyle.getPropertyValue('grid-template-columns'), "100px 100px"); - container.style.masonryDirection = 'row'; + container.style.gridLanesDirection = 'row'; const computedStyleAfter = window.getComputedStyle(container); assert_equals(computedStyleAfter.getPropertyValue('grid-template-rows'), "100px 100px 100px"); diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/row-track-sizing-001.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/row-track-sizing-001.html @@ -6,7 +6,7 @@ <style> .grid-lanes { display: grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; item-tolerance: 0; grid-template-rows: 5% repeat(3, 10px 15%) repeat(1, 15px 5px 20px); height: 500px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/row-track-sizing-002.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/row-track-sizing-002.html @@ -7,7 +7,7 @@ <style> .grid-lanes { display: grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: minmax(15px, min-content) max-content auto; background-color: gray; height: 100px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/row-track-sizing-003.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/row-track-sizing-003.html @@ -6,7 +6,7 @@ <style> .grid-lanes { display: grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: 1fr 5fr 3fr 1fr; width: 100px; height: 100px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/row-track-sizing-004.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/row-track-sizing-004.html @@ -6,7 +6,7 @@ <style> .grid-lanes { display: grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; grid-template-rows: 20px 1fr 30%; width: 100px; height: 100px; diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/row-track-sizing-005.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/row-track-sizing-005.html @@ -6,7 +6,7 @@ <style> .grid-lanes { display: grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; item-tolerance: 0; grid-template-rows: auto auto auto; gap: 10px; diff --git a/testing/web-platform/tests/css/css-grid/parsing/grid-template-rows-intrinsic-auto-repeat-computed-implicit-track.tentative.html b/testing/web-platform/tests/css/css-grid/parsing/grid-template-rows-intrinsic-auto-repeat-computed-implicit-track.tentative.html @@ -7,7 +7,7 @@ <style> #target { display: grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; height: 1px; font-size: 1px; } diff --git a/testing/web-platform/tests/css/css-grid/parsing/grid-template-rows-intrinsic-auto-repeat-computed-withcontent.tentative.html b/testing/web-platform/tests/css/css-grid/parsing/grid-template-rows-intrinsic-auto-repeat-computed-withcontent.tentative.html @@ -12,7 +12,7 @@ <style> #target { display: grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; font-size: 40px; min-height: 200px; height: 300px; diff --git a/testing/web-platform/tests/css/css-grid/parsing/grid-template-rows-intrinsic-auto-repeat-computed.tentative.html b/testing/web-platform/tests/css/css-grid/parsing/grid-template-rows-intrinsic-auto-repeat-computed.tentative.html @@ -7,7 +7,7 @@ <style> #target { display: grid-lanes; - masonry-direction: row; + grid-lanes-direction: row; height: 1px; font-size: 1px; }