third_party/WebKit/LayoutTests/fast/css-grid-layout/floating-not-effect-on-grid-items.html - Issue 1583433002: [css-align] New CSS Value 'normal' for Content Alignment

Side by Side Diff: third_party/WebKit/LayoutTests/fast/css-grid-layout/floating-not-effect-on-grid-items.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/auto-content-resolution-columns.html ('k') | third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-auto-columns-rows-update.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 .container {	7 .container {

7 background-color:grey;	8 background-color:grey;

8 }	9 }

9	10

10 .gridItem {	11 .gridItem {

11 width: 50px;	12 width: 50px;

12 height: 50px;	13 height: 50px;

13 }	14 }

14 </style>	15 </style>

15 <body onload="checkLayout('.container')">	16 <body onload="checkLayout('.container')">

16	17

17 <p>This test checks that the grid's items are not affected by the 'float' and 'c lear' properties.</p>	18 <p>This test checks that the grid's items are not affected by the 'float' and 'c lear' properties.</p>

18	19

19 <div style="position: relative">	20 <div style="position: relative">

20 <div class="container grid">	21 <div class="container grid justifyContentStart">

21 <div style="float: right;" class="gridItem firstRowFirstColumn" data-off set-x="0" data-offset-y="0" data-expected-width="50" data-expected-height="50">< /div>	22 <div style="float: right;" class="gridItem firstRowFirstColumn" data-off set-x="0" data-offset-y="0" data-expected-width="50" data-expected-height="50">< /div>

22 <div class="gridItem firstRowFirstColumn" data-offset-x="0" data-offset- y="0" data-expected-width="50" data-expected-height="50"></div>	23 <div class="gridItem firstRowFirstColumn" data-offset-x="0" data-offset- y="0" data-expected-width="50" data-expected-height="50"></div>

23 <div style="float: left;" class="gridItem firstRowSecondColumn" data-off set-x="50" data-offset-y="0" data-expected-width="50" data-expected-height="50"> </div>	24 <div style="float: left;" class="gridItem firstRowSecondColumn" data-off set-x="50" data-offset-y="0" data-expected-width="50" data-expected-height="50"> </div>

24 <div style="float: left;" class="gridItem secondRowFirstColumn" data-off set-x="0" data-offset-y="50" data-expected-width="50" data-expected-height="50"> </div>	25 <div style="float: left;" class="gridItem secondRowFirstColumn" data-off set-x="0" data-offset-y="50" data-expected-width="50" data-expected-height="50"> </div>

25 <div style="clear: both;" class="gridItem secondRowFirstColumn" data-off set-x="0" data-offset-y="50" data-expected-width="50" data-expected-height="50"> </div>	26 <div style="clear: both;" class="gridItem secondRowFirstColumn" data-off set-x="0" data-offset-y="50" data-expected-width="50" data-expected-height="50"> </div>

26 <div style="float: left;" class="gridItem secondRowSecondColumn" data-of fset-x="50" data-offset-y="50" data-expected-width="50" data-expected-height="50 "></div>	27 <div style="float: left;" class="gridItem secondRowSecondColumn" data-of fset-x="50" data-offset-y="50" data-expected-width="50" data-expected-height="50 "></div>

27 </div>	28 </div>

28 </div>	29 </div>

29	30

30 </body>	31 </body>

31 </html>	32 </html>

OLD	NEW