Skip to content

Commit 8f7adfa

Browse files
bfgeekchromium-wpt-export-bot
authored andcommitted
[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 <[email protected]> Reviewed-by: David Grogan <[email protected]> Commit-Queue: Ian Kilpatrick <[email protected]> Cr-Commit-Position: refs/heads/main@{#1548252}
1 parent 00000c1 commit 8f7adfa

File tree

2 files changed

+8
-32
lines changed

2 files changed

+8
-32
lines changed

css/css-align/blocks/align-content-table-cell-005-ref-alt.html

Lines changed: 0 additions & 21 deletions
This file was deleted.

css/css-align/blocks/align-content-table-cell-005.html

Lines changed: 8 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -4,14 +4,11 @@
44
<link rel="help" href="https://drafts.csswg.org/css-align/#distribution-blocks">
55
<link rel="help" href="https://drafts.csswg.org/css-align/#auto-safety">
66
<link rel="match" href="../../reference/ref-filled-green-300px-square.html">
7-
<link rel="match" href="align-content-table-cell-005-ref-alt.html">
87
<meta name="assert" content="
98
The contents of the cells are 600px tall, but since we are collapsing one row,
109
the cells shrink to be only 300px tall. Therefore, the contents overflow.
1110
This test checks various alignments with no overflow alignment specified,
12-
they should behave as unsafe.
13-
However, for cells which aren't scroll containers, UAs that have not implemented
14-
the “smart” default behavior must behave as safe, hence there are 2 expectations.
11+
they should behave as safe by default.
1512
">
1613

1714
<style>
@@ -26,20 +23,20 @@
2623
display: block;
2724
width: 50px;
2825
height: 600px;
29-
background: linear-gradient(to bottom, var(--gradient));
26+
background: linear-gradient(to bottom, green 50%, red 50%);
3027
}
3128
</style>
3229

3330
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
3431

3532
<table cellspacing="0" cellpadding="0">
3633
<tr>
37-
<td rowspan="2" style="align-content: start; --gradient: green 50%, red 50%"></td>
38-
<td rowspan="2" style="align-content: center; --gradient: red 25%, green 25% 75%, red 75%"></td>
39-
<td rowspan="2" style="align-content: end; --gradient: red 50%, green 50%"></td>
40-
<td rowspan="2" style="overflow: hidden; align-content: start; --gradient: green 50%, red 50%"></td>
41-
<td rowspan="2" style="overflow: hidden; align-content: center; --gradient: red 25%, green 25% 75%, red 75%"></td>
42-
<td rowspan="2" style="overflow: hidden; align-content: end; --gradient: red 50%, green 50%"></td>
34+
<td rowspan="2" style="align-content: start;"></td>
35+
<td rowspan="2" style="align-content: center;"></td>
36+
<td rowspan="2" style="align-content: end;"></td>
37+
<td rowspan="2" style="overflow: hidden; align-content: start;"></td>
38+
<td rowspan="2" style="overflow: hidden; align-content: center;"></td>
39+
<td rowspan="2" style="overflow: hidden; align-content: end;"></td>
4340
</tr>
4441
<tr style="visibility: collapse"></tr>
4542
</table>

0 commit comments

Comments
 (0)