Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(1233)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/fast/css-grid-layout/absolute-positioning-grid-container-parent.html

Issue 1838173002: [css-grid] Refactor positioned children code (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 4 years, 8 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/absolute-positioning-grid-container-containing-block-expected.txt ('k') | third_party/WebKit/LayoutTests/fast/css-grid-layout/absolute-positioning-grid-container-parent-expected.txt » ('j') | third_party/WebKit/Source/core/layout/LayoutGrid.cpp » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
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 <style> 4 <style>
5 5
6 .grid { 6 .grid {
7 grid-template-columns: 50px 100px 150px; 7 grid-template-columns: 50px 100px 150px;
8 grid-template-rows: 25px 50px 100px; 8 grid-template-rows: 25px 50px 100px;
9 width: 300px; 9 width: 300px;
10 height: 200px; 10 height: 200px;
(...skipping 10 matching lines...) Expand all
21 .relative { 21 .relative {
22 /* Ensures that the element is the containing block of the absolutely positi oned elements. */ 22 /* Ensures that the element is the containing block of the absolutely positi oned elements. */
23 position: relative; 23 position: relative;
24 } 24 }
25 25
26 .absolute { 26 .absolute {
27 position: absolute; 27 position: absolute;
28 } 28 }
29 29
30 </style> 30 </style>
31 <script src="../../resources/check-layout.js"></script> 31 <script src="../../resources/testharness.js"></script>
32 <script src="../../resources/testharnessreport.js"></script>
33 <script src="../../resources/check-layout-th.js"></script>
32 <body onload="checkLayout('.container')"> 34 <body onload="checkLayout('.container')">
35 <div id="log"></div>
33 36
34 <p>This test checks the behavior of the absolutely positioned elements with a gr id container as parent.</p> 37 <p>This test checks the behavior of the absolutely positioned elements with a gr id container as parent.</p>
35 38
36 <div class="container relative"> 39 <div class="container relative">
37 <div class="grid"> 40 <div class="grid">
38 <div class="sizedToGridArea absolute autoRowAutoColumn" data-offset-x="5 0" data-offset-y="10" data-expected-width="500" data-expected-height="400"></div > 41 <div class="sizedToGridArea absolute autoRowAutoColumn" data-offset-x="5 0" data-offset-y="10" data-expected-width="500" data-expected-height="400"></div >
39 </div> 42 </div>
40 </div> 43 </div>
41 44
42 <div class="container relative"> 45 <div class="container relative">
(...skipping 19 matching lines...) Expand all
62 <div class="sizedToGridArea absolute firstRowFirstColumn" data-offset-x= "15" data-offset-y="5" data-expected-width="315" data-expected-height="205"></di v> 65 <div class="sizedToGridArea absolute firstRowFirstColumn" data-offset-x= "15" data-offset-y="5" data-expected-width="315" data-expected-height="205"></di v>
63 </div> 66 </div>
64 </div> 67 </div>
65 68
66 <div class="container"> 69 <div class="container">
67 <div class="grid relative"> 70 <div class="grid relative">
68 <div class="sizedToGridArea absolute secondRowSecondColumn" data-offset- x="65" data-offset-y="30" data-expected-width="265" data-expected-height="180">< /div> 71 <div class="sizedToGridArea absolute secondRowSecondColumn" data-offset- x="65" data-offset-y="30" data-expected-width="265" data-expected-height="180">< /div>
69 </div> 72 </div>
70 </div> 73 </div>
71 74
75 <div class="container relative">
76 <div class="grid directionRTL">
77 <div class="sizedToGridArea absolute autoRowAutoColumn" data-offset-x="- 150" data-offset-y="10" data-expected-width="500" data-expected-height="400"></d iv>
78 </div>
79 </div>
80
81 <div class="container relative">
82 <div class="grid directionRTL">
83 <div class="sizedToGridArea absolute firstRowFirstColumn" data-offset-x= "-150" data-offset-y="10" data-expected-width="500" data-expected-height="400">< /div>
84 </div>
85 </div>
86
87 <div class="container relative">
88 <div class="grid directionRTL">
89 <div class="sizedToGridArea absolute secondRowSecondColumn" data-offset- x="-150" data-offset-y="10" data-expected-width="500" data-expected-height="400" ></div>
90 </div>
91 </div>
92
93 <div class="container">
94 <div class="grid relative directionRTL">
95 <div class="sizedToGridArea absolute autoRowAutoColumn" data-offset-x="- 15" data-offset-y="5" data-expected-width="330" data-expected-height="210"></div >
96 </div>
97 </div>
98
99 <div class="container">
100 <div class="grid relative directionRTL">
101 <div class="sizedToGridArea absolute firstRowFirstColumn" data-offset-x= "0" data-offset-y="5" data-expected-width="315" data-expected-height="205"></div >
102 </div>
103 </div>
104
105 <div class="container">
106 <div class="grid relative directionRTL">
107 <div class="sizedToGridArea absolute secondRowSecondColumn" data-offset- x="0" data-offset-y="30" data-expected-width="265" data-expected-height="180"></ div>
108 </div>
109 </div>
72 </body> 110 </body>
73 </html> 111 </html>
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/fast/css-grid-layout/absolute-positioning-grid-container-containing-block-expected.txt ('k') | third_party/WebKit/LayoutTests/fast/css-grid-layout/absolute-positioning-grid-container-parent-expected.txt » ('j') | third_party/WebKit/Source/core/layout/LayoutGrid.cpp » ('J')

Powered by Google App Engine
This is Rietveld 408576698