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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 1841073002: [css-grid] Fix positioned children in RTL (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
« third_party/WebKit/LayoutTests/fast/css-grid-layout/absolute-positioning-grid-container-containing-block.html ('K') | « third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-positioned-items-background-rtl.html ('k') | third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-positioned-items-within-grid-implicit-track.html » ('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 <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 98 matching lines...) Expand 10 before | Expand all | Expand 10 after
109 data-offset-x="315" data-offset-y="215" data-expected-width="215" data-e xpected-height="115"> 109 data-offset-x="315" data-offset-y="215" data-expected-width="215" data-e xpected-height="115">
110 </div> 110 </div>
111 <div class="absolute" style="grid-column: 2 / 3; grid-row: 3 / foo;" 111 <div class="absolute" style="grid-column: 2 / 3; grid-row: 3 / foo;"
112 data-offset-x="115" data-offset-y="215" data-expected-width="200" data-e xpected-height="115"> 112 data-offset-x="115" data-offset-y="215" data-expected-width="200" data-e xpected-height="115">
113 </div> 113 </div>
114 <div class="absolute" style="grid-column: 3 / foo; grid-row: 2 / 3;" 114 <div class="absolute" style="grid-column: 3 / foo; grid-row: 2 / 3;"
115 data-offset-x="315" data-offset-y="65" data-expected-width="215" data-ex pected-height="150"> 115 data-offset-x="315" data-offset-y="65" data-expected-width="215" data-ex pected-height="150">
116 </div> 116 </div>
117 </div> 117 </div>
118 118
119 <div class="grid directionRTL">
120 <div class="absolute" style="grid-column: auto / 1; grid-row: auto / 1;"
121 data-offset-x="515" data-offset-y="0" data-expected-width="15" data-expe cted-height="15">
122 </div>
123 <div class="absolute" style="grid-column: 1 / 2; grid-row: auto / 1;"
124 data-offset-x="415" data-offset-y="0" data-expected-width="100" data-exp ected-height="15">
125 </div>
126 <div class="absolute" style="grid-column: auto / 1; grid-row: 1 / 2;"
127 data-offset-x="515" data-offset-y="15" data-expected-width="15" data-exp ected-height="50">
128 </div>
129 <div class="absolute" style="grid-column: 3 / auto; grid-row: 3 / auto;"
130 data-offset-x="0" data-offset-y="215" data-expected-width="215" data-exp ected-height="115">
131 </div>
132 <div class="absolute" style="grid-column: 2 / 3; grid-row: 3 / auto;"
133 data-offset-x="215" data-offset-y="215" data-expected-width="200" data-e xpected-height="115">
134 </div>
135 <div class="absolute" style="grid-column: 3 / auto; grid-row: 2 / 3;"
136 data-offset-x="0" data-offset-y="65" data-expected-width="215" data-expe cted-height="150">
137 </div>
138 </div>
139
140 <div class="grid directionRTL">
141 <div class="absolute" style="grid-column: -5 / 1; grid-row: -5 / 1;"
142 data-offset-x="515" data-offset-y="0" data-expected-width="15" data-expe cted-height="15">
143 </div>
144 <div class="absolute" style="grid-column: 1 / 2; grid-row: -5 / 1;"
145 data-offset-x="415" data-offset-y="0" data-expected-width="100" data-exp ected-height="15">
146 </div>
147 <div class="absolute" style="grid-column: -5 / 1; grid-row: 1 / 2;"
148 data-offset-x="515" data-offset-y="15" data-expected-width="15" data-exp ected-height="50">
149 </div>
150 <div class="absolute" style="grid-column: 3 / 5; grid-row: 3 / 5;"
151 data-offset-x="0" data-offset-y="215" data-expected-width="215" data-exp ected-height="115">
152 </div>
153 <div class="absolute" style="grid-column: 2 / 3; grid-row: 3 / 5;"
154 data-offset-x="215" data-offset-y="215" data-expected-width="200" data-e xpected-height="115">
155 </div>
156 <div class="absolute" style="grid-column: 3 / 5; grid-row: 2 / 3;"
157 data-offset-x="0" data-offset-y="65" data-expected-width="215" data-expe cted-height="150">
158 </div>
159 </div>
160
161 <div class="grid directionRTL">
162 <div class="absolute" style="grid-column: span 2 / 1; grid-row: span 2 / 1;"
163 data-offset-x="515" data-offset-y="0" data-expected-width="15" data-expe cted-height="15">
164 </div>
165 <div class="absolute" style="grid-column: 1 / 2; grid-row: span 2 / 1;"
166 data-offset-x="415" data-offset-y="0" data-expected-width="100" data-exp ected-height="15">
167 </div>
168 <div class="absolute" style="grid-column: span 2 / 1; grid-row: 1 / 2;"
169 data-offset-x="515" data-offset-y="15" data-expected-width="15" data-exp ected-height="50">
170 </div>
171 <div class="absolute" style="grid-column: 3 / span 2; grid-row: 3 / span 2;"
172 data-offset-x="0" data-offset-y="215" data-expected-width="215" data-exp ected-height="115">
173 </div>
174 <div class="absolute" style="grid-column: 2 / 3; grid-row: 3 / span 2;"
175 data-offset-x="215" data-offset-y="215" data-expected-width="200" data-e xpected-height="115">
176 </div>
177 <div class="absolute" style="grid-column: 3 / span 2; grid-row: 2 / 3;"
178 data-offset-x="0" data-offset-y="65" data-expected-width="215" data-expe cted-height="150">
179 </div>
180 </div>
181
182 <div class="grid directionRTL">
183 <div class="absolute" style="grid-column: foo / 1; grid-row: foo / 1;"
184 data-offset-x="515" data-offset-y="0" data-expected-width="15" data-expe cted-height="15">
185 </div>
186 <div class="absolute" style="grid-column: 1 / 2; grid-row: foo / 1;"
187 data-offset-x="415" data-offset-y="0" data-expected-width="100" data-exp ected-height="15">
188 </div>
189 <div class="absolute" style="grid-column: foo / 1; grid-row: 1 / 2;"
190 data-offset-x="515" data-offset-y="15" data-expected-width="15" data-exp ected-height="50">
191 </div>
192 <div class="absolute" style="grid-column: 3 / foo; grid-row: 3 / foo;"
193 data-offset-x="0" data-offset-y="215" data-expected-width="215" data-exp ected-height="115">
194 </div>
195 <div class="absolute" style="grid-column: 2 / 3; grid-row: 3 / foo;"
196 data-offset-x="215" data-offset-y="215" data-expected-width="200" data-e xpected-height="115">
197 </div>
198 <div class="absolute" style="grid-column: 3 / foo; grid-row: 2 / 3;"
199 data-offset-x="0" data-offset-y="65" data-expected-width="215" data-expe cted-height="150">
200 </div>
201 </div>
202
119 </body> 203 </body>
OLDNEW
« third_party/WebKit/LayoutTests/fast/css-grid-layout/absolute-positioning-grid-container-containing-block.html ('K') | « third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-positioned-items-background-rtl.html ('k') | third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-positioned-items-within-grid-implicit-track.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698