third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-container-change-named-grid-lines-recompute-child.html - Issue 1583433002: [css-align] New CSS Value 'normal' for Content Alignment

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: third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-container-change-named-grid-lines-recompute-child.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-columns-rows-get-set-multiple.html ('k') | third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-content-sized-columns-resolution.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 <script src="../../resources/check-layout.js"></script>	5 <script src="../../resources/check-layout.js"></script>

5 <style>	6 <style>

6 .grid {	7 .grid {

7 grid-auto-flow: row dense;	8 grid-auto-flow: row dense;

8 }	9 }

9 #firstGridItem {	10 #firstGridItem {

10 grid-row: auto;	11 grid-row: auto;

11 grid-column: column;	12 grid-column: column;

12 }	13 }

13	14

(...skipping 42 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
56 testGridDefinitions('10px 20px [row]', '30px', { 'width': '0', 'height': '10 ', 'x': '30', 'y': '0' }, { 'width': '30', 'height': '0', 'x': '0', 'y': '30' }, { 'width': '30', 'height': '10', 'x': '0', 'y': '0' });	57 testGridDefinitions('10px 20px [row]', '30px', { 'width': '0', 'height': '10 ', 'x': '30', 'y': '0' }, { 'width': '30', 'height': '0', 'x': '0', 'y': '30' }, { 'width': '30', 'height': '10', 'x': '0', 'y': '0' });

57 testGridDefinitions('10px 20px [row]', '30px [column]', { 'width': '0', 'hei ght': '10', 'x': '30', 'y': '0' }, { 'width': '30', 'height': '0', 'x': '0', 'y' : '30' }, { 'width': '30', 'height': '10', 'x': '0', 'y': '0' });	58 testGridDefinitions('10px 20px [row]', '30px [column]', { 'width': '0', 'hei ght': '10', 'x': '30', 'y': '0' }, { 'width': '30', 'height': '0', 'x': '0', 'y' : '30' }, { 'width': '30', 'height': '10', 'x': '0', 'y': '0' });

58 }	59 }

59	60

60 window.addEventListener("load", testChangingGridDefinitions, false);	61 window.addEventListener("load", testChangingGridDefinitions, false);

61 </script>	62 </script>

62 <body>	63 <body>

63 <div>This test checks that updating the named grid lines definitions in grid-tem plate-{rows\|columns} recomputes the positions of automatically placed grid items .</div>	64 <div>This test checks that updating the named grid lines definitions in grid-tem plate-{rows\|columns} recomputes the positions of automatically placed grid items .</div>

64	65

65 <div style="position: relative">	66 <div style="position: relative">

66 <div class="grid">	67 <div class="grid justifyContentStart">

67 <div class="sizedToGridArea" id="firstGridItem"></div>	68 <div class="sizedToGridArea" id="firstGridItem"></div>

68 <div class="sizedToGridArea" id="secondGridItem"></div>	69 <div class="sizedToGridArea" id="secondGridItem"></div>

69 <div class="sizedToGridArea" id="thirdGridItem"></div>	70 <div class="sizedToGridArea" id="thirdGridItem"></div>

70 </div>	71 </div>

71 </div>	72 </div>

72	73

73 </body>	74 </body>

74 </html>	75 </html>

OLD	NEW