third_party/WebKit/LayoutTests/fast/css-grid-layout/flex-sizing-rows-min-max-height.html - Issue 2480493002: [css-grid] Use min|max-sizes to compute flex fraction

Side by Side Diff: third_party/WebKit/LayoutTests/fast/css-grid-layout/flex-sizing-rows-min-max-height.html

Issue 2480493002: [css-grid] Use min|max-sizes to compute flex fraction (Closed)

Patch Set: Created 4 years, 1 month ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

OLD	NEW
(Empty)
	1 <!DOCTYPE HTML>

	2 <link href="resources/grid.css" rel="stylesheet">

	3 <link href="../css-intrinsic-dimensions/resources/height-keyword-classes.css" re l="stylesheet">

	4 <style>

	5 .grid {

	6 margin: 3px;

	7 float: left;

	8 grid: minmax(10px, 1fr) minmax(10px, 4fr) / 50px;

	9 grid-row-gap: 33px;

	10 border: 5px dashed;

	11 padding: 2px;

	12 }

	13

	14 .item:nth-child(1) { background-color: purple; }

	15 .item:nth-child(2) { background-color: blue; }

	16 </style>

	17

	18 <script src="../../resources/testharness.js"></script>

	19 <script src="../../resources/testharnessreport.js"></script>

	20 <script src="../../resources/check-layout-th.js"></script>

	21 <body onload="checkLayout('.grid')">

	22 <div id="log"></div>

	23

	24 <p>This test PASS if all the grids in the same row look the same.</p>

	25

	26 <div class="grid" style="max-height: 70px" data-expected-width="64" data-expecte d-height="84">

	27 <div class="item" data-expected-width="50" data-expected-height="10"></div>

	28 <div class="item" data-expected-width="50" data-expected-height="27"></div>

	29 </div>

	30 <div class="grid" style="min-height: 70px; max-height: 60px" data-expected-width ="64" data-expected-height="84">

	31 <div class="item" data-expected-width="50" data-expected-height="10"></div>

	32 <div class="item" data-expected-width="50" data-expected-height="27"></div>

	33 </div>

	34 <div class="grid" style="height: 70px" data-expected-width="64" data-expected-he ight="84">

	35 <div class="item" data-expected-width="50" data-expected-height="10"></div>

	36 <div class="item" data-expected-width="50" data-expected-height="27"></div>

	37 </div>

	38

	39 <br clear="all">

	40

	41 <div class="grid" style="min-height: 108px" data-expected-width="64" data-expect ed-height="122">

	42 <div class="item" data-expected-width="50" data-expected-height="15"></div>

	43 <div class="item" data-expected-width="50" data-expected-height="60"></div>

	44 </div>

	45 <div class="grid" style="min-height: 108px; max-height: 60px" data-expected-widt h="64" data-expected-height="122">

	46 <div class="item" data-expected-width="50" data-expected-height="15"></div>

	47 <div class="item" data-expected-width="50" data-expected-height="60"></div>

	48 </div>

	49 <div class="grid" style="height: 108px" data-expected-width="64" data-expected-h eight="122">

	50 <div class="item" data-expected-width="50" data-expected-height="15"></div>

	51 <div class="item" data-expected-width="50" data-expected-height="60"></div>

	52 </div>

	53

	54 <br clear="all">

	55

	56 <div class="grid min-height-max-content" data-expected-width="64" data-expected- height="97">

	57 <div class="item" data-expected-width="50" data-expected-height="10"></div>

	58 <div class="item" data-expected-width="50" data-expected-height="40"></div>

	59 </div>

	60 <div class="grid min-height-max-content max-height-min-content" data-expected-wi dth="64" data-expected-height="97">

	61 <div class="item" data-expected-width="50" data-expected-height="10"></div>

	62 <div class="item" data-expected-width="50" data-expected-height="40"></div>

	63 </div>

	64 <div class="grid max-content" data-expected-width="64" data-expected-height="97" >

	65 <div class="item" data-expected-width="50" data-expected-height="10"></div>

	66 <div class="item" data-expected-width="50" data-expected-height="40"></div>

	67 </div>

	68

	69 </body>

OLD	NEW

« no previous file with comments | « no previous file | third_party/WebKit/Source/core/layout/LayoutGrid.cpp » ('j') | third_party/WebKit/Source/core/layout/LayoutGrid.cpp » ('J')