third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-indefinite-size-auto-repeat-crash.html - Issue 2421593002: [css-grid] Constrain by min-height on auto-repeat computation

Side by Side Diff: third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-indefinite-size-auto-repeat-crash.html

Issue 2421593002: [css-grid] Constrain by min-height on auto-repeat computation (Closed)

Patch Set: Created 4 years, 2 months ago

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

Jump to:

« third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-auto-fill-rows.html ('K') | « third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-auto-fill-rows.html ('k') | third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-indefinite-size-auto-repeat-crash-expected.txt » ('j') | third_party/WebKit/Source/core/layout/LayoutGrid.cpp » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <!DOCTYPE HTML>	1 <!DOCTYPE HTML>

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

3 <link href="../css-intrinsic-dimensions/resources/width-keyword-classes.css" rel =stylesheet>	3 <link href="../css-intrinsic-dimensions/resources/width-keyword-classes.css" rel =stylesheet>

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

5 <style>	5 <style>

6 .autoFill { grid: repeat(auto-fill, 100px) / repeat(auto-fill, 100px); }	6 .autoFill { grid: repeat(auto-fill, 100px) / repeat(auto-fill, 100px); }

7 .autoFit { grid: repeat(auto-fit, 100px) / repeat(auto-fit, 100px); }	7 .autoFit { grid: repeat(auto-fit, 100px) / repeat(auto-fit, 100px); }

8 </style>	8 </style>

9	9

10 <script>	10 <script>

(...skipping 24 matching lines...) Expand all Loading...
35	35

36 <div class="grid autoFill max-content">item</div>	36 <div class="grid autoFill max-content">item</div>

37 <div class="grid autoFit max-content">item</div>	37 <div class="grid autoFit max-content">item</div>

38	38

39 <div class="grid autoFill min-width-min-content min-height-min-content">item</di v>	39 <div class="grid autoFill min-width-min-content min-height-min-content">item</di v>

40 <div class="grid autoFit min-width-min-content min-height-min-content">item</div >	40 <div class="grid autoFit min-width-min-content min-height-min-content">item</div >

41	41

42 <div class="grid autoFill min-width-max-content min-height-max-content">item</di v>	42 <div class="grid autoFill min-width-max-content min-height-max-content">item</di v>

43 <div class="grid autoFit min-width-max-content min-height-max-content">item</div >	43 <div class="grid autoFit min-width-max-content min-height-max-content">item</div >

44	44

	45 <div class="min-height-max-content min-width-min-content">

	46 <div class="grid autoFill"></div>

	47 </div>

	48

	49 <div class="max-content">

	50 <div class="grid autoFit"></div>

	51 </div>

	52

	53 <div class="min-content min-width-min-content">

	54 <div class="grid autoFill"></div>

	55 </div>

	56

	57 <div class="max-content max-width-min-content">

	58 <div class="grid autoFit"></div>

	59 </div>

	60

	61 <div class="min-height-max-content min-content">

	62 <div class="grid autoFill"></div>

	63 </div>

	64

	65 <div class="min-height-min-content max-content">

	66 <div class="grid autoFit"></div>

	67 </div>

	68

	69 <div class="min-height-max-content min-width-min-content">

	70 <div class="grid autoFill min-width-min-content"></div>

	71 </div>

	72

	73 <div class="min-height-max-content min-width-min-content">

	74 <div class="grid autoFit min-height-min-content"></div>

	75 </div>

	76

	77 <div class="max-content min-width-min-content">

	78 <div class="grid autoFill"></div>

	79 </div>

	80

	81 <div class="max-height-min-content min-content">

	82 <div class="grid autoFit max-height-max-content"></div>

	83 </div>

	84

	85 <div class="min-height-max-content min-content">

	86 <div class="grid autoFill">item</div>

	87 </div>

	88

	89 <div class="min-height-min-content max-width-min-content">

	90 <div class="grid autoFit">item</div>

	91 </div>

	92

	93 <div class="max-height-max-content max-width-max-content">

	94 <div class="grid autoFill max-width-min-content">item</div>

	95 </div>

	96

	97 <div class="max-height-min-content min-content">

	98 <div class="grid autoFit min-height-max-content max-height-min-content">item </div>

	99 </div>

	100

	101 <div class="min-height-max-content max-content">

	102 <div class="grid autoFill max-height-max-content">item</div>

	103 </div>

	104

	105 <div class="min-content min-width-max-content">

	106 <div class="grid autoFit max-width-max-content">item</div>

	107 </div>

	108

	109 <div class="min-content max-width-max-content">

	110 <div class="grid autoFill min-height-min-content">item</div>

	111 </div>

	112

	113 <div class="min-height-min-content min-content">

	114 <div class="grid autoFit max-height-min-content">item</div>

	115 </div>

	116

	117 <div class="max-height-max-content max-content">

	118 <div class="grid autoFill max-height-min-content">item</div>

	119 </div>

	120

	121 <div class="min-content min-width-min-content">

	122 <div class="grid autoFit min-content min-height-min-content max-height-max-c ontent">item</div>

	123 </div>

	124

45 <p>This test checks that the computation of auto repeat tracks works when the gr id container width is indefinite.</p>	125 <p>This test checks that the computation of auto repeat tracks works when the gr id container width is indefinite.</p>

46 <p>This test has PASSED if it didn't CRASH.</p>	126 <p>This test has PASSED if it didn't CRASH.</p>

OLD	NEW