third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-positioned-items-unknown-named-grid-line.html - Issue 1929483002: [css-grid] Fix static position for positioned grid items

Side by Side Diff: third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-positioned-items-unknown-named-grid-line.html

Issue 1929483002: [css-grid] Fix static position for positioned grid items (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Created 4 years, 7 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-positioned-items-implicit-grid-line.html ('k') | third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-sizing-positioned-items.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 <link href="resources/grid.css" rel="stylesheet">	2 <link href="resources/grid.css" rel="stylesheet">

3 <style>	3 <style>

4	4

5 .grid {	5 .grid {

6 grid-template-columns: 100px 200px;	6 grid-template-columns: 100px 200px;

7 grid-template-rows: 50px 150px;	7 grid-template-rows: 50px 150px;

8 width: 500px;	8 width: 500px;

9 height: 300px;	9 height: 300px;

10 border: 5px solid black;	10 border: 5px solid black;

(...skipping 29 matching lines...) Expand all Loading...
40 <script src="../../resources/testharness.js"></script>	40 <script src="../../resources/testharness.js"></script>

41 <script src="../../resources/testharnessreport.js"></script>	41 <script src="../../resources/testharnessreport.js"></script>

42 <script src="../../resources/check-layout-th.js"></script>	42 <script src="../../resources/check-layout-th.js"></script>

43 <body onload="checkLayout('.grid')">	43 <body onload="checkLayout('.grid')">

44 <div id="log"></div>	44 <div id="log"></div>

45	45

46 <p>This test checks that grid placement properties of absolutely positioned item s using unknown named grid lines are treated as "auto".</p>	46 <p>This test checks that grid placement properties of absolutely positioned item s using unknown named grid lines are treated as "auto".</p>

47	47

48 <div class="grid">	48 <div class="grid">

49 <div class="absolute sizedToGridArea startAndEndUnknownLines"	49 <div class="absolute sizedToGridArea startAndEndUnknownLines"

50 data-offset-x="15" data-offset-y="15" data-expected-width="530" data-exp ected-height="330">	50 data-offset-x="0" data-offset-y="0" data-expected-width="530" data-expec ted-height="330">

51 </div>	51 </div>

52 <div class="absolute sizedToGridArea endUnknownLine"	52 <div class="absolute sizedToGridArea endUnknownLine"

53 data-offset-x="15" data-offset-y="15" data-expected-width="515" data-exp ected-height="315">	53 data-offset-x="15" data-offset-y="15" data-expected-width="515" data-exp ected-height="315">

54 </div>	54 </div>

55 <div class="absolute sizedToGridArea startUnknownLine"	55 <div class="absolute sizedToGridArea startUnknownLine"

56 data-offset-x="15" data-offset-y="15" data-expected-width="315" data-exp ected-height="215">	56 data-offset-x="0" data-offset-y="0" data-expected-width="315" data-expec ted-height="215">

57 </div>	57 </div>

58 </div>	58 </div>

59	59

60 <div class="grid directionRTL">	60 <div class="grid directionRTL">

61 <div class="absolute sizedToGridArea startAndEndUnknownLines"	61 <div class="absolute sizedToGridArea startAndEndUnknownLines"

62 data-offset-x="-15" data-offset-y="15" data-expected-width="530" data-ex pected-height="330">	62 data-offset-x="0" data-offset-y="0" data-expected-width="530" data-expec ted-height="330">

63 </div>	63 </div>

64 <div class="absolute sizedToGridArea endUnknownLine"	64 <div class="absolute sizedToGridArea endUnknownLine"

65 data-offset-x="0" data-offset-y="15" data-expected-width="515" data-expe cted-height="315">	65 data-offset-x="0" data-offset-y="15" data-expected-width="515" data-expe cted-height="315">

66 </div>	66 </div>

67 <div class="absolute sizedToGridArea startUnknownLine"	67 <div class="absolute sizedToGridArea startUnknownLine"

68 data-offset-x="200" data-offset-y="15" data-expected-width="315" data-ex pected-height="215">	68 data-offset-x="215" data-offset-y="0" data-expected-width="315" data-exp ected-height="215">

69 </div>	69 </div>

70 </div>	70 </div>

71	71

72 </body>	72 </body>

OLD	NEW