commit 69002f23ce4cf798b436a5f667de7e100be1bab3
parent 67f6d3d4c815c19fefd36279c97b6558f60ec5f5
Author: Daniel Holbert <dholbert@cs.stanford.edu>
Date: Thu, 13 Nov 2025 17:02:02 +0000
Bug 1993746: Adjust subgrid WPT 'independent-formatting-context.html' so that its subtests can be visually distinguished when they linewrap. r=layout-reviewers,emilio
This patch just makes cosmetic changes to this WPT:
- adding a bottom margin (matching the right margin) so that multiple lines of
'inline-grid' subtests here can be visually distinguished.
- Set 'vertical-align' so that baseline-alignment (influenced by the new
bottom-margin in some cases) doesn't come into play.
- Some minor whitespace cleanup in the markup itself.
Differential Revision: https://phabricator.services.mozilla.com/D272386
Diffstat:
2 files changed, 9 insertions(+), 5 deletions(-)
diff --git a/testing/web-platform/tests/css/css-grid/subgrid/independent-formatting-context-ref.html b/testing/web-platform/tests/css/css-grid/subgrid/independent-formatting-context-ref.html
@@ -20,6 +20,8 @@ html,body {
width: 100px;
height: 100px;
margin-right: 20px;
+ margin-bottom: 20px;
+ vertical-align: top;
}
</style>
diff --git a/testing/web-platform/tests/css/css-grid/subgrid/independent-formatting-context.html b/testing/web-platform/tests/css/css-grid/subgrid/independent-formatting-context.html
@@ -21,6 +21,8 @@ html,body {
grid-template-rows: 0px 100px;
width: 100px;
margin-right: 20px;
+ margin-bottom: 20px;
+ vertical-align: top;
}
.subgrid {
@@ -45,10 +47,10 @@ html,body {
</style>
</head>
<body>
-<!-- The subgrid's style attribute establishes an independent formatting context
- and makes them no longer eligible as subgrids.-->
+<!-- The subgrid's style attribute establishes an independent formatting
+ context and makes them no longer eligible as subgrids.-->
<div class="grid">
- <div class="subgrid" style="position:absolute">
+ <div class="subgrid" style="position: absolute">
<div class="first"></div>
</div>
</div>
@@ -78,8 +80,8 @@ html,body {
</div>
<!-- Only layout and paint containment establish an independent formatting
- context. These tests validate that other types of containment maintain
- subgrid layout.-->
+ context. These tests validate that other types of containment maintain
+ subgrid layout.-->
<div class="grid">
<div class="subgrid" style="contain: none">
<div class="second"></div>
