| Index: LayoutTests/fast/css-grid-layout/grid-element-min-max-height.html
|
| diff --git a/LayoutTests/fast/css-grid-layout/grid-element-min-max-height.html b/LayoutTests/fast/css-grid-layout/grid-element-min-max-height.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..a19d32927503078e96591cbe0747148bce32bbe2
|
| --- /dev/null
|
| +++ b/LayoutTests/fast/css-grid-layout/grid-element-min-max-height.html
|
| @@ -0,0 +1,58 @@
|
| +<!DOCTYPE html>
|
| +<html>
|
| +<link href="resources/grid.css" rel="stylesheet">
|
| +<style>
|
| +.minHeightGrid {
|
| + min-height: 100px;
|
| + grid-definition-columns: 40px;
|
| + grid-definition-rows: 50px;
|
| +}
|
| +.maxHeightGrid {
|
| + max-height: 100px;
|
| + grid-definition-columns: 40px;
|
| + grid-definition-rows: 150px 50px;
|
| +}
|
| +
|
| +.minHeightAutoGrid {
|
| + min-height: 100px;
|
| +}
|
| +
|
| +.maxHeightAutoGrid {
|
| + max-height: 100px;
|
| +}
|
| +</style>
|
| +<script src="../../resources/check-layout.js"></script>
|
| +<body onload="checkLayout('.grid')">
|
| +
|
| +<p>Test that min-height and max-height are accounted for when computing the grid element's height.</p>
|
| +
|
| +<div class="constrainedContainer">
|
| + <div class="grid minHeightGrid" data-expected-height="100" data-expected-width="10"></div>
|
| + <div class="grid maxHeightGrid" data-expected-height="100" data-expected-width="10"></div>
|
| + <div class="grid minHeightAutoGrid" data-expected-height="100" data-expected-width="10"></div>
|
| + <div class="grid maxHeightAutoGrid" data-expected-height="0" data-expected-width="10"></div>
|
| +
|
| + <div class="grid minHeightAutoGrid" data-expected-height="150" data-expected-width="10">
|
| + <div style="height: 150px"></div>
|
| + </div>
|
| + <div class="grid maxHeightAutoGrid" data-expected-height="100" data-expected-width="10">
|
| + <div style="height: 300px"></div>
|
| + </div>
|
| +</div>
|
| +
|
| +<div class="unconstrainedContainer">
|
| + <div class="grid minHeightGrid" data-expected-height="100" data-expected-width="1000"></div>
|
| + <div class="grid maxHeightGrid" data-expected-height="100" data-expected-width="1000"></div>
|
| + <div class="grid minHeightAutoGrid" data-expected-height="100" data-expected-width="1000"></div>
|
| + <div class="grid maxHeightAutoGrid" data-expected-height="0" data-expected-width="1000"></div>
|
| +
|
| + <div class="grid minHeightAutoGrid" data-expected-height="150" data-expected-width="1000">
|
| + <div style="height: 150px"></div>
|
| + </div>
|
| + <div class="grid maxHeightAutoGrid" data-expected-height="100" data-expected-width="1000">
|
| + <div style="height: 300px"></div>
|
| + </div>
|
| +</div>
|
| +
|
| +</body>
|
| +</html>
|
|
|
Chromium Code Reviews
Issue 66033012:
Handle min-height / max-height on the grid element (Closed)
Base URL: svn://svn.chromium.org/blink/trunk