commit 86eb1621182da2b6574298ba9f556b2f6ac5b5b0
parent 91e5f7d3107bace5ad9da9a55f7696f387e0adc8
Author: Ian Kilpatrick <ikilpatrick@chromium.org>
Date: Sat, 22 Nov 2025 21:12:29 +0000
Bug 2001534 [wpt PR 56177] - [wpt] Fix align-content-table-cell-005.html, a=testonly
Automatic update from web-platform-tests
[wpt] Fix align-content-table-cell-005.html
This test was written assuming unsafe overflow alignment applied, when
safe overflow alignment should have applied.
Fixed: 448462500
Change-Id: Ie9c974fb061aa0c6c8e11c7bc76906641aa60993
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/7183336
Reviewed-by: Ian Kilpatrick <ikilpatrick@chromium.org>
Reviewed-by: David Grogan <dgrogan@chromium.org>
Commit-Queue: Ian Kilpatrick <ikilpatrick@chromium.org>
Cr-Commit-Position: refs/heads/main@{#1548252}
--
wpt-commits: 8f7adfaca77b7778346d27e227ef16f7958e05ef
wpt-pr: 56177
Diffstat:
2 files changed, 8 insertions(+), 32 deletions(-)
diff --git a/testing/web-platform/tests/css/css-align/blocks/align-content-table-cell-005-ref-alt.html b/testing/web-platform/tests/css/css-align/blocks/align-content-table-cell-005-ref-alt.html
@@ -1,21 +0,0 @@
-<!DOCTYPE html>
-<meta charset="utf-8">
-
-<!--
- This is an alternative expectation for UAs that have not implemented
- the “smart” default behavior for overflow alignment on boxes that aren't
- scroll containers.
-
- The text says that there should be no red, but that's for the main
- expectation. In this alternative one, a bit of red is expected.
--->
-
-<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
-
-<div style="float: left; width: 50px; height: 150px; background: green"></div>
-<div style="float: left; width: 100px; height: 150px; background: red"></div>
-<div style="float: left; width: 150px; height: 150px; background: green"></div>
-<div style="clear: left"></div>
-<div style="float: left; width: 100px; height: 150px; background: green"></div>
-<div style="float: left; width: 50px; height: 150px; background: red"></div>
-<div style="float: left; width: 150px; height: 150px; background: green"></div>
diff --git a/testing/web-platform/tests/css/css-align/blocks/align-content-table-cell-005.html b/testing/web-platform/tests/css/css-align/blocks/align-content-table-cell-005.html
@@ -4,14 +4,11 @@
<link rel="help" href="https://drafts.csswg.org/css-align/#distribution-blocks">
<link rel="help" href="https://drafts.csswg.org/css-align/#auto-safety">
<link rel="match" href="../../reference/ref-filled-green-300px-square.html">
-<link rel="match" href="align-content-table-cell-005-ref-alt.html">
<meta name="assert" content="
The contents of the cells are 600px tall, but since we are collapsing one row,
the cells shrink to be only 300px tall. Therefore, the contents overflow.
This test checks various alignments with no overflow alignment specified,
- they should behave as unsafe.
- However, for cells which aren't scroll containers, UAs that have not implemented
- the “smart” default behavior must behave as safe, hence there are 2 expectations.
+ they should behave as safe by default.
">
<style>
@@ -26,7 +23,7 @@ td::before {
display: block;
width: 50px;
height: 600px;
- background: linear-gradient(to bottom, var(--gradient));
+ background: linear-gradient(to bottom, green 50%, red 50%);
}
</style>
@@ -34,12 +31,12 @@ td::before {
<table cellspacing="0" cellpadding="0">
<tr>
- <td rowspan="2" style="align-content: start; --gradient: green 50%, red 50%"></td>
- <td rowspan="2" style="align-content: center; --gradient: red 25%, green 25% 75%, red 75%"></td>
- <td rowspan="2" style="align-content: end; --gradient: red 50%, green 50%"></td>
- <td rowspan="2" style="overflow: hidden; align-content: start; --gradient: green 50%, red 50%"></td>
- <td rowspan="2" style="overflow: hidden; align-content: center; --gradient: red 25%, green 25% 75%, red 75%"></td>
- <td rowspan="2" style="overflow: hidden; align-content: end; --gradient: red 50%, green 50%"></td>
+ <td rowspan="2" style="align-content: start;"></td>
+ <td rowspan="2" style="align-content: center;"></td>
+ <td rowspan="2" style="align-content: end;"></td>
+ <td rowspan="2" style="overflow: hidden; align-content: start;"></td>
+ <td rowspan="2" style="overflow: hidden; align-content: center;"></td>
+ <td rowspan="2" style="overflow: hidden; align-content: end;"></td>
</tr>
<tr style="visibility: collapse"></tr>
</table>
