<!DOCTYPE html>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<link rel="author" title="Joy Yu" href="mailto:[email protected]">
<link rel="help" href="https://drafts.csswg.org/css-tables-3/#visibility-collapse-cell-rendering">
<h1>Visibility collapse</h1>
<a href="https://drafts.csswg.org/css-tables-3/#computing-the-table-width">Spec</a>
<p>
When a row is collapsed, a cell spanning the row may get clipped. When the row is then uncollapsed,
the browser should not crash because the cell's children should be correctly updated and laid out.
</p>
<table>
<tr>
<td><div style="width: 10px; height: 10px"></div></td>
<td rowspan="2">
<div style="outline: 1px solid cyan">
Overflow Overflow Overflow</div>
</td>
</tr>
<tr id="rowToCollapse">
<td><div style="width: 10px; height: 10px"></div></td>
</tr>
</table>
<script>
test(() => {
row = document.getElementById("rowToCollapse");
row.style.visibility = "collapse";
step_timeout(function(){ row.style.visibility = "visible"; }, 500);
}, "No crash or assertion failure. crbug.com/753515");
</script>
Codebase Browser
chromium