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

Side by Side Diff: third_party/WebKit/LayoutTests/fast/css-grid-layout/absolute-positioning-grid-container-parent.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
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 38 matching lines...) Expand 10 before | Expand all | Expand 10 after
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="50" data-offset-y="10" 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="1 5" data-offset-y="5" 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">
(...skipping 15 matching lines...) Expand all
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="-150" data-offset-y="10" 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="- 15" data-offset-y="5" 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

Powered by Google App Engine
This is Rietveld 408576698