fune/testing/web-platform/tests/css/css-grid/table-grid-item-dynamic-002.html
Ting-Yu Lin bfc8d66755 Bug 1527734 - Use ReflowInput::mContainingBlockSize instead of GridItemCBSizeProperty(). r=mats
Grid container stores the containing block size on a table wrapper grid
item in GridItemCBSizeProperty(), but the size is also passed as a
parameter when creating table wrapper's ReflowInput, and is stored in
ReflowInput::mContainingBlockSize. We can use mContainingBlockSize
directly instead of GridItemCBSizeProperty().

The test 002.html is inspired from the testcases in bug 1527734.
003.html and 004.html are inspired from the testcase in bug 1521088.
004.html is 003.html with 'width:500px' added to <table>, which we still
fail with this patch.

Differential Revision: https://phabricator.services.mozilla.com/D104144
2021-02-09 00:59:39 +00:00

46 lines
1.2 KiB
HTML

<!doctype html>
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
-->
<meta charset="utf-8">
<title>Table grid items with min-height should shrink after setting a smaller min-height</title>
<link rel="author" href="mailto:mats@mozilla.com">
<link rel="author" href="mailto:emilio@crisal.io">
<link rel="author" href="mailto:tlin@mozilla.com">
<link rel="author" href="https://mozilla.org">
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1527734">
<link rel="match" href="table-grid-item-dynamic-002-ref.html">
<style>
html,body {
color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
}
div {
display: grid;
background-color: lime;
}
table {
min-height: 500px;
}
</style>
<div>
<table>
<caption>Table caption</caption>
<thead>
<tr>
<th>This table should shrink after setting a smaller min-height</th>
</tr>
</thead>
</table>
</div>
<script>
onload = function() {
let grid = document.querySelector("div");
let table = grid.querySelector("table");
grid.getBoundingClientRect();
table.style.minHeight = "100px";
}
</script>