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

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 2665983004: [css-grid] Fix static position of positioned grid items (Closed)
Patch Set: 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 | « no previous file | third_party/WebKit/Source/core/layout/LayoutGrid.cpp » ('j') | no next file with comments »
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 20 matching lines...) Expand all
31 <script src="../../resources/testharness.js"></script> 31 <script src="../../resources/testharness.js"></script>
32 <script src="../../resources/testharnessreport.js"></script> 32 <script src="../../resources/testharnessreport.js"></script>
33 <script src="../../resources/check-layout-th.js"></script> 33 <script src="../../resources/check-layout-th.js"></script>
34 <body onload="checkLayout('.container')"> 34 <body onload="checkLayout('.container')">
35 <div id="log"></div> 35 <div id="log"></div>
36 36
37 <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>
38 38
39 <div class="container relative"> 39 <div class="container relative">
40 <div class="grid"> 40 <div class="grid">
41 <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="3 5" data-offset-y="5" data-expected-width="500" data-expected-height="400"></div>
42 </div> 42 </div>
43 </div> 43 </div>
44 44
45 <div class="container relative"> 45 <div class="container relative">
46 <div class="grid"> 46 <div class="grid">
47 <div class="sizedToGridArea absolute firstRowFirstColumn" data-offset-x= "50" data-offset-y="10" data-expected-width="500" data-expected-height="400"></d iv> 47 <div class="sizedToGridArea absolute firstRowFirstColumn" data-offset-x= "35" data-offset-y="5" data-expected-width="500" data-expected-height="400"></di v>
48 </div> 48 </div>
49 </div> 49 </div>
50 50
51 <div class="container relative"> 51 <div class="container relative">
52 <div class="grid"> 52 <div class="grid">
53 <div class="sizedToGridArea absolute secondRowSecondColumn" data-offset- x="50" data-offset-y="10" data-expected-width="500" data-expected-height="400">< /div> 53 <div class="sizedToGridArea absolute secondRowSecondColumn" data-offset- x="35" data-offset-y="5" data-expected-width="500" data-expected-height="400"></ div>
54 </div> 54 </div>
55 </div> 55 </div>
56 56
57 <div class="container"> 57 <div class="container">
58 <div class="grid relative"> 58 <div class="grid relative">
59 <div class="sizedToGridArea absolute autoRowAutoColumn" data-offset-x="0 " data-offset-y="0" data-expected-width="330" data-expected-height="210"></div> 59 <div class="sizedToGridArea absolute autoRowAutoColumn" data-offset-x="0 " data-offset-y="0" data-expected-width="330" data-expected-height="210"></div>
60 </div> 60 </div>
61 </div> 61 </div>
62 62
63 <div class="container"> 63 <div class="container">
64 <div class="grid relative"> 64 <div class="grid relative">
65 <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>
66 </div> 66 </div>
67 </div> 67 </div>
68 68
69 <div class="container"> 69 <div class="container">
70 <div class="grid relative"> 70 <div class="grid relative">
71 <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>
72 </div> 72 </div>
73 </div> 73 </div>
74 74
75 <div class="container relative"> 75 <div class="container relative">
76 <div class="grid directionRTL"> 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> 77 <div class="sizedToGridArea absolute autoRowAutoColumn" data-offset-x="- 135" data-offset-y="5" data-expected-width="500" data-expected-height="400"></di v>
78 </div> 78 </div>
79 </div> 79 </div>
80 80
81 <div class="container relative"> 81 <div class="container relative">
82 <div class="grid directionRTL"> 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> 83 <div class="sizedToGridArea absolute firstRowFirstColumn" data-offset-x= "-135" data-offset-y="5" data-expected-width="500" data-expected-height="400"></ div>
84 </div> 84 </div>
85 </div> 85 </div>
86 86
87 <div class="container relative"> 87 <div class="container relative">
88 <div class="grid directionRTL"> 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> 89 <div class="sizedToGridArea absolute secondRowSecondColumn" data-offset- x="-135" data-offset-y="5" data-expected-width="500" data-expected-height="400"> </div>
90 </div> 90 </div>
91 </div> 91 </div>
92 92
93 <div class="container"> 93 <div class="container">
94 <div class="grid relative directionRTL"> 94 <div class="grid relative directionRTL">
95 <div class="sizedToGridArea absolute autoRowAutoColumn" data-offset-x="0 " data-offset-y="0" data-expected-width="330" data-expected-height="210"></div> 95 <div class="sizedToGridArea absolute autoRowAutoColumn" data-offset-x="0 " data-offset-y="0" data-expected-width="330" data-expected-height="210"></div>
96 </div> 96 </div>
97 </div> 97 </div>
98 98
99 <div class="container"> 99 <div class="container">
100 <div class="grid relative directionRTL"> 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 > 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> 102 </div>
103 </div> 103 </div>
104 104
105 <div class="container"> 105 <div class="container">
106 <div class="grid relative directionRTL"> 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> 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> 108 </div>
109 </div> 109 </div>
110 </body> 110 </body>
111 </html> 111 </html>
OLDNEW
« no previous file with comments | « no previous file | third_party/WebKit/Source/core/layout/LayoutGrid.cpp » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698