LayoutTests/fast/css-grid-layout/grid-columns-rows-get-set.html - Issue 60633008: [CSS Grid Layout] Percentages of indefinite sizes should compute to "auto"

Side by Side Diff: LayoutTests/fast/css-grid-layout/grid-columns-rows-get-set.html

Issue 60633008: [CSS Grid Layout] Percentages of indefinite sizes should compute to "auto" (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

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

OLD	NEW
1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">	1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">

2 <html>	2 <html>

3 <head>	3 <head>

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

5 <style>	5 <style>

6 .grid {	6 .grid {

7 /* Give an explicit size to the grid so that percentage grid tracks have a c onsistent resolution */	7 /* Give an explicit size to the grid so that percentage grid tracks have a c onsistent resolution */

8 width: 800px;	8 width: 800px;

9 height: 600px;	9 height: 600px;

10 }	10 }

(...skipping 58 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
69 grid-definition-columns: 1fr;	69 grid-definition-columns: 1fr;

70 grid-definition-rows: 2fr;	70 grid-definition-rows: 2fr;

71 }	71 }

72 </style>	72 </style>

73 <script src="../../resources/js-test.js"></script>	73 <script src="../../resources/js-test.js"></script>

74 </head>	74 </head>

75 <body>	75 <body>

76 <div class="grid gridWithNone" id="gridWithNoneElement"></div>	76 <div class="grid gridWithNone" id="gridWithNoneElement"></div>

77 <div class="grid gridWithFixed" id="gridWithFixedElement"></div>	77 <div class="grid gridWithFixed" id="gridWithFixedElement"></div>

78 <div class="grid gridWithPercent" id="gridWithPercentElement"></div>	78 <div class="grid gridWithPercent" id="gridWithPercentElement"></div>

	79 <div class="noSizeGrid gridWithPercent" id="gridWithPercentWithoutSize"></div>

	80 <div class="noSizeGrid gridWithPercent" id="gridWithPercentWithoutSizeWithChildr en">

	81 <div class="gridItem"></div>

	82 </div>

79 <div class="grid gridWithAuto" id="gridWithAutoElement"></div>	83 <div class="grid gridWithAuto" id="gridWithAutoElement"></div>

80 <div class="grid gridWithAuto" id="gridWithAutoWithoutSizeElement"></div>	84 <div class="grid gridWithAuto" id="gridWithAutoWithoutSizeElement"></div>

81 <div class="grid gridWithAuto fontSpec" id="gridWithAutoWithChildrenElement">	85 <div class="grid gridWithAuto fontSpec" id="gridWithAutoWithChildrenElement">

82 <div class="gridItem"></div>	86 <div class="gridItem"></div>

83 </div>	87 </div>

84 <div class="grid gridWithEM" id="gridWithEMElement"></div>	88 <div class="grid gridWithEM" id="gridWithEMElement"></div>

85 <div class="grid gridWithViewPortPercentage" id="gridWithViewPortPercentageEleme nt"></div>	89 <div class="grid gridWithViewPortPercentage" id="gridWithViewPortPercentageEleme nt"></div>

86 <div class="grid gridWithFitContent" id="gridWithFitContentElement"></div>	90 <div class="grid gridWithFitContent" id="gridWithFitContentElement"></div>

87 <div class="grid gridWithFitAvailable" id="gridWithFitAvailableElement"></div>	91 <div class="grid gridWithFitAvailable" id="gridWithFitAvailableElement"></div>

88 <div class="grid gridWithMinMax" id="gridWithMinMaxElement"></div>	92 <div class="grid gridWithMinMax" id="gridWithMinMaxElement"></div>

89 <div class="grid gridWithMinContent" id="gridWithMinContentElement"></div>	93 <div class="grid gridWithMinContent" id="gridWithMinContentElement"></div>

90 <div class="grid gridWithMinContent" id="gridWithMinContentWithChildrenElement">	94 <div class="grid gridWithMinContent" id="gridWithMinContentWithChildrenElement">

91 <div class="gridItem"></div>	95 <div class="gridItem"></div>

92 <div class="gridItem2"></div>	96 <div class="gridItem2"></div>

93 </div>	97 </div>

94 <div class="grid gridWithMaxContent" id="gridWithMaxContentElement"></div>	98 <div class="grid gridWithMaxContent" id="gridWithMaxContentElement"></div>

95 <div class="grid gridWithMaxContent" id="gridWithMaxContentWithChildrenElement">	99 <div class="grid gridWithMaxContent" id="gridWithMaxContentWithChildrenElement">

96 <div class="gridItem"></div>	100 <div class="gridItem"></div>

97 <div class="gridItem2"></div>	101 <div class="gridItem2"></div>

98 </div>	102 </div>

99 <div class="grid gridWithFraction" id="gridWithFractionElement"></div>	103 <div class="grid gridWithFraction" id="gridWithFractionElement"></div>

100 <script src="resources/grid-definitions-parsing-utils.js"></script>	104 <script src="resources/grid-definitions-parsing-utils.js"></script>

101 <script src="resources/grid-columns-rows-get-set.js"></script>	105 <script src="resources/grid-columns-rows-get-set.js"></script>

102 </body>	106 </body>

103 </html>	107 </html>

OLD	NEW