third_party/WebKit/LayoutTests/fast/css-grid-layout/mozilla/grid-repeat-auto-fill-fit-004-expected.html - Issue 2080643002: [css-grid] Implement repeat(auto-fit)

Side by Side Diff: third_party/WebKit/LayoutTests/fast/css-grid-layout/mozilla/grid-repeat-auto-fill-fit-004-expected.html

Issue 2080643002: [css-grid] Implement repeat(auto-fit) (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Patch for landing v3 Created 4 years, 5 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:

View unified diff | Download patch

« no previous file with comments | « third_party/WebKit/LayoutTests/fast/css-grid-layout/mozilla/grid-repeat-auto-fill-fit-004.html ('k') | third_party/WebKit/LayoutTests/fast/css-grid-layout/mozilla/grid-repeat-auto-fill-fit-005.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

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

2 <!--	2 <!--

3 Any copyright is dedicated to the Public Domain.	3 Any copyright is dedicated to the Public Domain.

4 http://creativecommons.org/publicdomain/zero/1.0/	4 http://creativecommons.org/publicdomain/zero/1.0/

5 -->	5 -->

6 <html><head>	6 <html><head>

7 <meta charset="utf-8">	7 <meta charset="utf-8">

8 <title>Reference: repeat(auto-fill/auto-fit)</title>	8 <title>Reference: repeat(auto-fill/auto-fit)</title>

9 <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/sh ow_bug.cgi?id=1118820">	9 <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/sh ow_bug.cgi?id=1118820">

10 <style type="text/css">	10 <style type="text/css">

(...skipping 62 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
73 grid-row: auto / c -1;	73 grid-row: auto / c -1;

74 }	74 }

75	75

76 x:first-child {	76 x:first-child {

77 background: lime;	77 background: lime;

78 }	78 }

79 x:last-child {	79 x:last-child {

80 background: blue;	80 background: blue;

81 }	81 }

82	82

	83 fill,fit {

	84 float: left;

	85 width: 375px;

	86 }

	87

83 </style>	88 </style>

84 </head>	89 </head>

85 <body>	90 <body>

86	91

87 <fill>	92 <fill>

88	93

89 <wrap><div class="grid r1"><x></x><x></x><a></a><b></b><x></x></div></wrap>	94 <wrap><div class="grid r1"><x></x><x></x><a></a><b></b><x></x></div></wrap>

90 <wrap><div class="grid r14 float w100"><x></x><x></x><a></a><b></b><x></x></div> </wrap>	95 <wrap><div class="grid r14 float w100"><x></x><x></x><a></a><b></b><x></x></div> </wrap>

91 <wrap><div class="grid r14 w100"><x></x><x></x><a></a><b></b><x></x></div></wrap >	96 <wrap><div class="grid r14 w100"><x></x><x></x><a></a><b></b><x></x></div></wrap >

92 <wrap><div class="grid r13 w80"><x></x><x></x><a></a><b></b><x></x></div></wrap>	97 <wrap><div class="grid r13 w80"><x></x><x></x><a></a><b></b><x></x></div></wrap>

(...skipping 33 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
126 <wrap><div class="grid r30 xw80"><x></x><x></x><a></a><b></b><x></x></div></wrap >	131 <wrap><div class="grid r30 xw80"><x></x><x></x><a></a><b></b><x></x></div></wrap >

127 <wrap><div class="grid r30 xw50"><x></x><x></x><a></a><b></b><x></x></div></wrap >	132 <wrap><div class="grid r30 xw50"><x></x><x></x><a></a><b></b><x></x></div></wrap >

128 <wrap><div class="grid r30 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div>< /wrap>	133 <wrap><div class="grid r30 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div>< /wrap>

129 <wrap><div class="grid r3 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>< /wrap>	134 <wrap><div class="grid r3 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>< /wrap>

130 <wrap><div class="grid r3 mw80 float"><x></x><x></x><a></a><b></b><x></x></div>< /wrap>	135 <wrap><div class="grid r3 mw80 float"><x></x><x></x><a></a><b></b><x></x></div>< /wrap>

131 <wrap><div class="grid r3 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></ div></wrap>	136 <wrap><div class="grid r3 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></ div></wrap>

132 <wrap><div class="grid r3 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></ div></wrap>	137 <wrap><div class="grid r3 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></ div></wrap>

133	138

134 </fill>	139 </fill>

135	140

	141 <!-- This was in the original Mozilla tests. We need to remove it to keep the wh ole content in the viewport without scrolls. -->

	142 <!-- <br clear="all">

	143 <br clear="all"> -->

	144

	145 <fit>

	146

	147 <wrap><div class="grid r1"><x></x><x></x><a></a><b></b><x></x></div></wrap>

	148 <wrap><div class="grid r13 float w100"><x></x><x></x><a></a><b></b><x></x></div> </wrap>

	149 <wrap><div class="grid r13 w100"><x></x><x></x><a></a><b></b><x></x></div></wrap >

	150 <wrap><div class="grid r13 w80"><x></x><x></x><a></a><b></b><x></x></div></wrap>

	151 <wrap><div class="grid r12 w50"><x></x><x></x><a></a><b></b><x></x></div></wrap>

	152 <wrap><div class="grid r13 xw80"><x></x><x></x><a></a><b></b><x></x></div></wrap >

	153 <wrap><div class="grid r12 xw50"><x></x><x></x><a></a><b></b><x></x></div></wrap >

	154 <wrap><div class="grid r13 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div>< /wrap>

	155 <wrap><div class="grid r13 mw50 float"><x></x><x></x><a></a><b></b><x></x></div> </wrap>

	156 <wrap><div class="grid r13 mw80 float"><x></x><x></x><a></a><b></b><x></x></div> </wrap>

	157 <wrap><div class="grid r13 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x>< /div></wrap>

	158 <wrap><div class="grid r13 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x>< /div></wrap>

	159

136 <br clear="all">	160 <br clear="all">

137 <br clear="all">	161 <br clear="all">

138	162

139 <!-- <fit>	163 <wrap><div class="grid r2"><x></x><x></x><a></a><b></b><x></x></div></wrap>

	164 <wrap><div class="grid r2 float"><x></x><x></x><a></a><b></b><x></x></div></wrap >

	165 <wrap><div class="grid r23 w100"><x></x><x></x><a></a><b></b><x></x></div></wrap >

	166 <wrap><div class="grid r22 w80"><x></x><x></x><a></a><b></b><x></x></div></wrap>

	167 <wrap><div class="grid r20 w50"><x></x><x></x><a></a><b></b><x></x></div></wrap>

	168 <wrap><div class="grid r22 xw80"><x></x><x></x><a></a><b></b><x></x></div></wrap >

	169 <wrap><div class="grid r20 xw50"><x></x><x></x><a></a><b></b><x></x></div></wrap >

	170 <wrap><div class="grid r22 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div>< /wrap>

	171 <wrap><div class="grid r2 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>< /wrap>

	172 <wrap><div class="grid r23 mw80 float"><x></x><x></x><a></a><b></b><x></x></div> </wrap>

	173 <wrap><div class="grid r23 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x>< /div></wrap>

	174 <wrap><div class="grid r23 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x>< /div></wrap>

140	175

141 <wrap><div class="grid r1"><x></x><x></x><a></a><b></b><x></x></div></wrap>	176 <br clear="all">

142 <wrap><div class="grid r13 float w100"><x></x><x></x><a></a><b></b><x></x>< /div></wrap>	177 <br clear="all">

143 <wrap><div class="grid r13 w100"><x></x><x></x><a></a><b></b><x></x></div>< /wrap>

144 <wrap><div class="grid r13 w80"><x></x><x></x><a></a><b></b><x></x></div></ wrap>

145 <wrap><div class="grid r12 w50"><x></x><x></x><a></a><b></b><x></x></div></ wrap>

146 <wrap><div class="grid r13 xw80"><x></x><x></x><a></a><b></b><x></x></div>< /wrap>

147 <wrap><div class="grid r12 xw50"><x></x><x></x><a></a><b></b><x></x></div>< /wrap>

148 <wrap><div class="grid r13 w100 xw80"><x></x><x></x><a></a><b></b><x></x></ div></wrap>

149 <wrap><div class="grid r13 mw50 float"><x></x><x></x><a></a><b></b><x></x>< /div></wrap>

150 <wrap><div class="grid r13 mw80 float"><x></x><x></x><a></a><b></b><x></x>< /div></wrap>

151 <wrap><div class="grid r13 w100 mw50 float"><x></x><x></x><a></a><b></b><x> </x></div></wrap>

152 <wrap><div class="grid r13 mw100 w50 float"><x></x><x></x><a></a><b></b><x> </x></div></wrap>

153	178

154 <br clear="all">	179 <wrap><div class="grid r3"><x></x><x></x><a></a><b></b><x></x></div></wrap>

155 <br clear="all">	180 <wrap><div class="grid r3 float w100"><x></x><x></x><a></a><b></b><x></x></div>< /wrap>

	181 <wrap><div class="grid r3 w100"><x></x><x></x><a></a><b></b><x></x></div></wrap>

	182 <wrap><div class="grid r30 w80"><x></x><x></x><a></a><b></b><x></x></div></wrap>

	183 <wrap><div class="grid r30 w50"><x></x><x></x><a></a><b></b><x></x></div></wrap>

	184 <wrap><div class="grid r30 xw80"><x></x><x></x><a></a><b></b><x></x></div></wrap >

	185 <wrap><div class="grid r30 xw50"><x></x><x></x><a></a><b></b><x></x></div></wrap >

	186 <wrap><div class="grid r30 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div>< /wrap>

	187 <wrap><div class="grid r3 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>< /wrap>

	188 <wrap><div class="grid r3 mw80 float"><x></x><x></x><a></a><b></b><x></x></div>< /wrap>

	189 <wrap><div class="grid r3 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></ div></wrap>

	190 <wrap><div class="grid r3 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></ div></wrap>

156	191

157 <wrap><div class="grid r2"><x></x><x></x><a></a><b></b><x></x></div></wrap>	192 <br clear="all">

158 <wrap><div class="grid r2 float"><x></x><x></x><a></a><b></b><x></x></div>< /wrap>	193 <br clear="all">

159 <wrap><div class="grid r23 w100"><x></x><x></x><a></a><b></b><x></x></div>< /wrap>

160 <wrap><div class="grid r22 w80"><x></x><x></x><a></a><b></b><x></x></div></ wrap>

161 <wrap><div class="grid r20 w50"><x></x><x></x><a></a><b></b><x></x></div></ wrap>

162 <wrap><div class="grid r22 xw80"><x></x><x></x><a></a><b></b><x></x></div>< /wrap>

163 <wrap><div class="grid r20 xw50"><x></x><x></x><a></a><b></b><x></x></div>< /wrap>

164 <wrap><div class="grid r22 w100 xw80"><x></x><x></x><a></a><b></b><x></x></ div></wrap>

165 <wrap><div class="grid r2 mw50 float"><x></x><x></x><a></a><b></b><x></x></ div></wrap>

166 <wrap><div class="grid r23 mw80 float"><x></x><x></x><a></a><b></b><x></x>< /div></wrap>

167 <wrap><div class="grid r23 w100 mw50 float"><x></x><x></x><a></a><b></b><x> </x></div></wrap>

168 <wrap><div class="grid r23 mw100 w50 float"><x></x><x></x><a></a><b></b><x> </x></div></wrap>

169	194

170 <br clear="all">	195 </fit>

171 <br clear="all">

172

173 <wrap><div class="grid r3"><x></x><x></x><a></a><b></b><x></x></div></wrap>

174 <wrap><div class="grid r3 float w100"><x></x><x></x><a></a><b></b><x></x></ div></wrap>

175 <wrap><div class="grid r3 w100"><x></x><x></x><a></a><b></b><x></x></div></ wrap>

176 <wrap><div class="grid r30 w80"><x></x><x></x><a></a><b></b><x></x></div></ wrap>

177 <wrap><div class="grid r30 w50"><x></x><x></x><a></a><b></b><x></x></div></ wrap>

178 <wrap><div class="grid r30 xw80"><x></x><x></x><a></a><b></b><x></x></div>< /wrap>

179 <wrap><div class="grid r30 xw50"><x></x><x></x><a></a><b></b><x></x></div>< /wrap>

180 <wrap><div class="grid r30 w100 xw80"><x></x><x></x><a></a><b></b><x></x></ div></wrap>

181 <wrap><div class="grid r3 mw50 float"><x></x><x></x><a></a><b></b><x></x></ div></wrap>

182 <wrap><div class="grid r3 mw80 float"><x></x><x></x><a></a><b></b><x></x></ div></wrap>

183 <wrap><div class="grid r3 w100 mw50 float"><x></x><x></x><a></a><b></b><x>< /x></div></wrap>

184 <wrap><div class="grid r3 mw100 w50 float"><x></x><x></x><a></a><b></b><x>< /x></div></wrap>

185

186 <br clear="all">

187 <br clear="all">

188

189 </fit> -->

190	196

191	197

192 </body>	198 </body>

193 </html>	199 </html>

OLD	NEW