commit 4514325e451b0fd5ffb587b39fb17ae6d8ee3cd5 parent 6f17a2b92ac8f8b64d5390e07c98906295aea044 Author: Alison Maher <almaher@microsoft.com> Date: Thu, 8 Jan 2026 17:37:27 +0000 Bug 2009030 [wpt PR 57050] - [Masonry] Add new 'normal' default to 'grid-lanes-direction', a=testonly Automatic update from web-platform-tests [Masonry] Add new 'normal' default to 'grid-lanes-direction' This updates the default for 'grid-lanes-direction' per the resolution in: https://github.com/w3c/csswg-drafts/issues/12803#issuecomment-3607869618 There are some other properties that should now be removed and shorthand clean ups that will follow in subsequent CLs per the updated proposals in that issue and in the https://github.com/w3c/csswg-drafts/issues/12023 Bug: 343257585, 465751024 Change-Id: I92d9ee9f5de8ce7c6cabaf02675ce08056b7f0f4 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/7404849 Reviewed-by: Kurt Catti-Schmidt <kschmi@microsoft.com> Commit-Queue: Alison Maher <almaher@microsoft.com> Cr-Commit-Position: refs/heads/main@{#1565870} -- wpt-commits: 3c39ed34f5ba181ca77a94168347c10ed12a308d wpt-pr: 57050 Diffstat:
8 files changed, 17 insertions(+), 8 deletions(-)
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 @@ -18,6 +18,7 @@ test_computed_value("grid-lanes-direction", "column"); test_computed_value("grid-lanes-direction", "row-reverse"); test_computed_value("grid-lanes-direction", "column-reverse"); + test_computed_value("grid-lanes-direction", "normal"); </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 @@ -17,6 +17,7 @@ test_valid_value("grid-lanes-direction", "row-reverse"); test_valid_value("grid-lanes-direction", "column"); test_valid_value("grid-lanes-direction", "column-reverse"); + test_valid_value("grid-lanes-direction", "normal"); </script> </body> </html> diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/parsing/grid-lanes-shorthand-computed.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/parsing/grid-lanes-shorthand-computed.html @@ -17,7 +17,7 @@ test_computed_value("grid-lanes", '"a b c" 10% 20% 30% row-reverse', '"a b c" 10% 20% 30% row-reverse normal'); test_computed_value("grid-lanes", '"a b" 10px 20px column-reverse reverse'); test_computed_value("grid-lanes", 'min-content row', 'min-content row normal'); - test_computed_value("grid-lanes", 'repeat(5, auto) reverse', 'repeat(5, auto) column reverse'); + test_computed_value("grid-lanes", 'repeat(5, auto) reverse', 'repeat(5, auto) normal reverse'); </script> </body> </html> 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 @@ -38,23 +38,23 @@ } test_valid_value("grid-lanes", '"a" calc(10px) column-reverse normal'); - test_valid_value("grid-lanes", 'minmax(calc(30% + 40vw), 10px)', 'minmax(calc(30% + 40vw), 10px) column normal'); + test_valid_value("grid-lanes", 'minmax(calc(30% + 40vw), 10px)', 'minmax(calc(30% + 40vw), 10px) normal normal'); test_valid_grid_lanes_value("grid-lanes", 'minmax(10px, 20px) row', 'minmax(10px, 20px) row normal'); - test_valid_grid_lanes_value("grid-lanes", '1px 2px', '1px 2px column normal'); - test_valid_grid_lanes_value("grid-lanes", '"a" 10px reverse', '"a" 10px column reverse'); + test_valid_grid_lanes_value("grid-lanes", '1px 2px', '1px 2px normal normal'); + test_valid_grid_lanes_value("grid-lanes", '"a" 10px reverse', '"a" 10px normal reverse'); test_valid_grid_lanes_value("grid-lanes", '"a b" 10px 20px row normal'); test_valid_grid_lanes_value("grid-lanes", '"a b c" 10% 20% 30% row-reverse', '"a b c" 10% 20% 30% row-reverse normal'); test_valid_grid_lanes_value("grid-lanes", 'repeat(5, auto) row reverse'); test_shorthand_value('grid-lanes', 'none', { 'grid-template-columns': 'none', 'grid-template-areas': 'none', - 'grid-lanes-direction': 'column', + 'grid-lanes-direction': 'normal', 'grid-lanes-fill': 'normal' }); test_shorthand_value('grid-lanes', '10px reverse', { 'grid-template-columns': '10px', 'grid-template-areas': 'none', - 'grid-lanes-direction': 'column', + 'grid-lanes-direction': 'normal', 'grid-lanes-fill': 'reverse' }); test_shorthand_value('grid-lanes', '"b a" 20% 40% column normal', { @@ -75,6 +75,12 @@ 'grid-lanes-direction': 'row-reverse', 'grid-lanes-fill': 'normal' }); + test_shorthand_value('grid-lanes', '"b a" 20% 40% normal', { + 'grid-template-columns': '20% 40%', + 'grid-template-areas': '"b a"', + 'grid-lanes-direction': 'normal', + 'grid-lanes-fill': 'normal' + }); </script> </body> </html> diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/column-track-sizing-001.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/column-track-sizing-001.html @@ -8,6 +8,7 @@ display: grid-lanes; item-tolerance: 0; grid-template-columns: 5% repeat(3, 10px 15%) repeat(1, 15px 5px 20px); + grid-template-rows: 100px 100px; width: 500px; gap: 10px; } diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/column-track-sizing-002.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/track-sizing/column-track-sizing-002.html @@ -8,6 +8,7 @@ .grid-lanes { display: grid-lanes; grid-template-columns: minmax(15px, min-content) max-content auto; + grid-lanes-direction: normal; background-color: gray; width: 100px; font: 10px/1 Ahem; 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,6 @@ <style> .grid-lanes { display: grid-lanes; - 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; - grid-lanes-direction: row; + grid-lanes-direction: normal; grid-template-rows: minmax(15px, min-content) max-content auto; background-color: gray; height: 100px;