third_party/WebKit/LayoutTests/fast/css-grid-layout/repeating-layout-must-produce-the-same-results.html - Issue 1407633003: [css-grid] Implementation of Baseline Self-Alignment

Side by Side Diff: third_party/WebKit/LayoutTests/fast/css-grid-layout/repeating-layout-must-produce-the-same-results.html

Issue 1407633003: [css-grid] Implementation of Baseline Self-Alignment (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Get advantage of recomputing the intrinsic size to solve the issues with orthogonal flows. Created 3 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-track-sizing-with-percentages-and-orthogonal-flows.html ('k') | third_party/WebKit/LayoutTests/fast/css-grid-layout/resources/grid-alignment.css » ('j') | third_party/WebKit/Source/core/layout/LayoutBlockFlow.cpp » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <!DOCTYPE html>	1 <!DOCTYPE html>

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

3 <link href="../css-intrinsic-dimensions/resources/width-keyword-classes.css" rel ="stylesheet">	3 <link href="../css-intrinsic-dimensions/resources/width-keyword-classes.css" rel ="stylesheet">

4 <style>	4 <style>

5 body {	5 body {

6 margin: 0;	6 margin: 0;

7 }	7 }

8 .container {	8 .container {

9 width: 100px;	9 width: 100px;

10 }	10 }

(...skipping 18 matching lines...) Expand all Loading...
29 <script src="../../resources/check-layout-th.js"></script>	29 <script src="../../resources/check-layout-th.js"></script>

30 <script>	30 <script>

31 function runTest() {	31 function runTest() {

32 document.body.offsetLeft;	32 document.body.offsetLeft;

33 document.body.offsetLeft;	33 document.body.offsetLeft;

34 checkLayout('.grid');	34 checkLayout('.grid');

35 }	35 }

36 </script>	36 </script>

37 <body onload="runTest();">	37 <body onload="runTest();">

38 <p>Regresison test for bug 628565 - Ensure that we get the same sizing results w hen doing several layouts.</p>	38 <p>Regresison test for bug 628565 - Ensure that we get the same sizing results w hen doing several layouts.</p>

39 <div class="grid fit-content" data-expected-width="135" data-expected-height="60 ">	39 <div class="grid fit-content" data-expected-width="160" data-expected-height="60 ">

40 <div class="i1" data-expected-width="50" data-expected-height="50">XX X</div>	40 <div class="i1" data-expected-width="50" data-expected-height="50">XX X</div>

41 <div class="i2" data-expected-width="75" data-expected-height="50">XX X</div>	41 <div class="i2" data-expected-width="100" data-expected-height="50">XX X</div>

42 </div>	42 </div>

43 <br>	43 <br>

44 <div class="grid min-content" data-expected-width="85" data-expected-height="60" >	44 <div class="grid min-content" data-expected-width="110" data-expected-height="60 ">

45 <div class="i1" data-expected-width="50" data-expected-height="50">XX X</div>	45 <div class="i1" data-expected-width="50" data-expected-height="50">XX X</div>

46 <div class="i2" data-expected-width="50" data-expected-height="50">XX X</div>	46 <div class="i2" data-expected-width="50" data-expected-height="50">XX X</div>

47 </div>	47 </div>

48 <br>	48 <br>

49 <div class="grid max-content" data-expected-width="135" data-expected-height="60 ">	49 <div class="grid max-content" data-expected-width="160" data-expected-height="60 ">

50 <div class="i1" data-expected-width="50" data-expected-height="50">XX X</div>	50 <div class="i1" data-expected-width="50" data-expected-height="50">XX X</div>

51 <div class="i2" data-expected-width="75" data-expected-height="50">XX X</div>	51 <div class="i2" data-expected-width="100" data-expected-height="50">XX X</div>

52 </div>	52 </div>

53 </body	53 </body

OLD	NEW