Ian Kilpatrick
86eb162118
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
43 lines
1.4 KiB
HTML
43 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<meta charset="utf-8">
|
|
<link rel="author" title="Oriol Brufau" href="obrufau@igalia.com">
|
|
<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">
|
|
<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 safe by default.
|
|
">
|
|
|
|
<style>
|
|
table {
|
|
overflow: hidden;
|
|
}
|
|
tr {
|
|
height: 300px;
|
|
}
|
|
td::before {
|
|
content: "";
|
|
display: block;
|
|
width: 50px;
|
|
height: 600px;
|
|
background: linear-gradient(to bottom, green 50%, red 50%);
|
|
}
|
|
</style>
|
|
|
|
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
|
|
|
<table cellspacing="0" cellpadding="0">
|
|
<tr>
|
|
<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>
|