third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-item-removal-track-breadth-update.html - Issue 1583433002: [css-align] New CSS Value 'normal' for Content Alignment

Side by Side Diff: third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-item-removal-track-breadth-update.html

Issue 1583433002: [css-align] New CSS Value 'normal' for Content Alignment (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Fixed layout tests failing. Created 4 years, 10 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/grid-item-removal-auto-placement-update.html ('k') | third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-update-sizes-after-distributing-all.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 <html>	2 <html>

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

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

4 <style>	5 <style>

5 .gridAutoContent {	6 .gridAutoContent {

6 grid-template-columns: auto;	7 grid-template-columns: auto;

7 grid-template-rows: auto;	8 grid-template-rows: auto;

8 }	9 }

9	10

10 .gridMinContentFixed {	11 .gridMinContentFixed {

11 grid-template-columns: minmax(min-content, 100px);	12 grid-template-columns: minmax(min-content, 100px);

12 grid-template-rows: minmax(min-content, 40px);	13 grid-template-rows: minmax(min-content, 40px);

13 }	14 }

(...skipping 139 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
153 <div class="constrainedContainer">	154 <div class="constrainedContainer">

154 <div class="grid gridFixedMaxContent" id="constrainedFixedMaxContentGrid">	155 <div class="grid gridFixedMaxContent" id="constrainedFixedMaxContentGrid">

155 <div class="firstRowFirstColumn">XXXXX XXXXX XXXXX</div>	156 <div class="firstRowFirstColumn">XXXXX XXXXX XXXXX</div>

156 <div class="firstRowFirstColumn">XXXX XXXX XXXX XXXX</div>	157 <div class="firstRowFirstColumn">XXXX XXXX XXXX XXXX</div>

157 <div class="firstRowFirstColumn">XXX XXX XXX</div>	158 <div class="firstRowFirstColumn">XXX XXX XXX</div>

158 </div>	159 </div>

159 </div>	160 </div>

160	161

161 <!-- The container is big enough to allow all the extra space distribution we wa nt. -->	162 <!-- The container is big enough to allow all the extra space distribution we wa nt. -->

162 <div class="unconstrainedContainer">	163 <div class="unconstrainedContainer">

163 <div class="grid gridAutoContent" id="unconstrainedAutoGrid">	164 <div class="grid gridAutoContent justifyContentStart" id="unconstrainedAutoG rid">

164 <div class="firstRowFirstColumn">XXX XXX XXX XXX XXX XXX XXX XXX XXX XXX </div>	165 <div class="firstRowFirstColumn">XXX XXX XXX XXX XXX XXX XXX XXX XXX XXX </div>

165 <div class="firstRowFirstColumn">XXXXX XXXXX XXXXX XXXXX XXXXX XXXXX</di v>	166 <div class="firstRowFirstColumn">XXXXX XXXXX XXXXX XXXXX XXXXX XXXXX</di v>

166 <div class="firstRowFirstColumn">XX XX XX XX XX XX</div>	167 <div class="firstRowFirstColumn">XX XX XX XX XX XX</div>

167 </div>	168 </div>

168 </div>	169 </div>

169	170

170 <div class="unconstrainedContainer">	171 <div class="unconstrainedContainer">

171 <div class="grid gridMinContentFixed" id="unconstrainedMinContentFixedGrid" style="height: 100%">	172 <div class="grid gridMinContentFixed" id="unconstrainedMinContentFixedGrid" style="height: 100%">

172 <div class="firstRowFirstColumn">XXX XXX XXX XXX XXX XXX XXX XXX XXX XXX </div>	173 <div class="firstRowFirstColumn">XXX XXX XXX XXX XXX XXX XXX XXX XXX XXX </div>

173 <div class="firstRowFirstColumn">XXXXX XXXXX XXXXX XXXXX XXXXX XXXXX</di v>	174 <div class="firstRowFirstColumn">XXXXX XXXXX XXXXX XXXXX XXXXX XXXXX</di v>

(...skipping 103 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
277 <div class="firstRowFirstColumn">XXX XXX XXX XXX XXX XXX XXX XXX XXX</di v>	278 <div class="firstRowFirstColumn">XXX XXX XXX XXX XXX XXX XXX XXX XXX</di v>

278 <div class="firstRowFirstColumn">XXXXX XXXXX XXXXX XXXXX XXXXX XXXXX</di v>	279 <div class="firstRowFirstColumn">XXXXX XXXXX XXXXX XXXXX XXXXX XXXXX</di v>

279 <div class="firstRowFirstColumn">XX XX XX XX XX XX</div>	280 <div class="firstRowFirstColumn">XX XX XX XX XX XX</div>

280 </div>	281 </div>

281 </div>	282 </div>

282	283

283 <div id="test-output"></div>	284 <div id="test-output"></div>

284	285

285 </body>	286 </body>

286 </html>	287 </html>

OLD	NEW