LayoutTests/fast/css-grid-layout/grid-element-min-max-height.html - Issue 66033012: Handle min-height / max-height on the grid element

Side by Side Diff

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

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Side by Side Diff: LayoutTests/fast/css-grid-layout/grid-element-min-max-height.html

Issue 66033012: Handle min-height / max-height on the grid element (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: Created 7 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:

View unified diff | Download patch | Annotate | Revision Log

OLD	NEW
(Empty)
	1 <!DOCTYPE html>

	2 <html>

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

	4 <style>

	5 .minHeightGrid {

	6 min-height: 100px;

	7 grid-definition-columns: 40px;

	8 grid-definition-rows: 50px;

	9 }

	10 .maxHeightGrid {

	11 max-height: 100px;

	12 grid-definition-columns: 40px;

	13 grid-definition-rows: 150px 50px;

	14 }

	15

	16 .minHeightAutoGrid {

	17 min-height: 100px;

	18 }

	19

	20 .maxHeightAutoGrid {

	21 max-height: 100px;

	22 }

	23 </style>

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

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

	26

	27 <p>Test that min-height and max-height are accounted for when computing the grid element's height.</p>

	28

	29 <div class="constrainedContainer">

	30 <div class="grid minHeightGrid" data-expected-height="100" data-expected-wid th="10"></div>

	31 <div class="grid maxHeightGrid" data-expected-height="100" data-expected-wid th="10"></div>

	32 <div class="grid minHeightAutoGrid" data-expected-height="100" data-expected -width="10"></div>

	33 <div class="grid maxHeightAutoGrid" data-expected-height="0" data-expected-w idth="10"></div>

	34

	35 <div class="grid minHeightAutoGrid" data-expected-height="150" data-expected -width="10">

	36 <div style="height: 150px"></div>

	37 </div>

	38 <div class="grid maxHeightAutoGrid" data-expected-height="100" data-expected -width="10">

	39 <div style="height: 300px"></div>

	40 </div>

	41 </div>

	42

	43 <div class="unconstrainedContainer">

	44 <div class="grid minHeightGrid" data-expected-height="100" data-expected-wid th="1000"></div>

	45 <div class="grid maxHeightGrid" data-expected-height="100" data-expected-wid th="1000"></div>

	46 <div class="grid minHeightAutoGrid" data-expected-height="100" data-expected -width="1000"></div>

	47 <div class="grid maxHeightAutoGrid" data-expected-height="0" data-expected-w idth="1000"></div>

	48

	49 <div class="grid minHeightAutoGrid" data-expected-height="150" data-expected -width="1000">

	50 <div style="height: 150px"></div>

	51 </div>

	52 <div class="grid maxHeightAutoGrid" data-expected-height="100" data-expected -width="1000">

	53 <div style="height: 300px"></div>

	54 </div>

	55 </div>

	56

	57 </body>

	58 </html>

OLD	NEW

« no previous file with comments | « no previous file | LayoutTests/fast/css-grid-layout/grid-element-min-max-height-expected.txt » ('j') | no next file with comments »