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

Side by Side Diff: LayoutTests/css3/flexbox/multiline-align-content.html

Issue 324073003: Flex box word-wrap is not adhering to spec (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Addresses changes asked in patch set 1 Created 6 years, 6 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 <style> 3 <style>
4 .flexbox { 4 .flexbox {
5 display: -webkit-flex; 5 display: -webkit-flex;
6 background-color: #aaa; 6 background-color: #aaa;
7 position: relative; 7 position: relative;
8 -webkit-flex-wrap: wrap; 8 -webkit-flex-wrap: wrap;
9 } 9 }
10 10
(...skipping 149 matching lines...) Expand 10 before | Expand all | Expand 10 after
160 <!-- 0 lines should not crash. --> 160 <!-- 0 lines should not crash. -->
161 <div data-expected-height="30" class="flexbox horizontal" style="-webkit-align-c ontent: space-between; height: 30px"> 161 <div data-expected-height="30" class="flexbox horizontal" style="-webkit-align-c ontent: space-between; height: 30px">
162 </div> 162 </div>
163 <div data-expected-height="30" class="flexbox horizontal" style="-webkit-align-c ontent: space-around; height: 30px"> 163 <div data-expected-height="30" class="flexbox horizontal" style="-webkit-align-c ontent: space-around; height: 30px">
164 </div> 164 </div>
165 <div data-expected-height="30" class="flexbox horizontal" style="-webkit-align-c ontent: stretch; height: 30px"> 165 <div data-expected-height="30" class="flexbox horizontal" style="-webkit-align-c ontent: stretch; height: 30px">
166 </div> 166 </div>
167 167
168 <!-- 1 line should not crash. --> 168 <!-- 1 line should not crash. -->
169 <div data-expected-height="30" class="flexbox horizontal" style="-webkit-align-c ontent: space-between; height: 30px"> 169 <div data-expected-height="30" class="flexbox horizontal" style="-webkit-align-c ontent: space-between; height: 30px">
170 <div data-offset-x="0" data-offset-y="0" data-expected-height="10"></div> 170 <div data-offset-x="0" data-offset-y="0" data-expected-height="30"></div>
171 </div> 171 </div>
172 <div data-expected-height="30" class="flexbox horizontal" style="-webkit-align-c ontent: space-around; height: 30px"> 172 <div data-expected-height="30" class="flexbox horizontal" style="-webkit-align-c ontent: space-around; height: 30px">
173 <div data-offset-x="0" data-offset-y="0" data-expected-height="10"></div> 173 <div data-offset-x="0" data-offset-y="0" data-expected-height="30"></div>
174 </div> 174 </div>
175 <div data-expected-height="30" class="flexbox horizontal" style="-webkit-align-c ontent: stretch; height: 30px"> 175 <div data-expected-height="30" class="flexbox horizontal" style="-webkit-align-c ontent: stretch; height: 30px">
176 <div data-offset-x="0" data-offset-y="0" data-expected-height="30"></div> 176 <div data-offset-x="0" data-offset-y="0" data-expected-height="30"></div>
177 </div> 177 </div>
178 178
179 179
180 <div data-expected-width="120" class="flexbox vertical-rl"> 180 <div data-expected-width="120" class="flexbox vertical-rl">
181 <div data-offset-x="80" data-offset-y="0" data-expected-width="40"></div> 181 <div data-offset-x="80" data-offset-y="0" data-expected-width="40"></div>
182 <div data-offset-x="80" data-offset-y="10" data-expected-width="40"></div> 182 <div data-offset-x="80" data-offset-y="10" data-expected-width="40"></div>
183 <div data-offset-x="40" data-offset-y="0" data-expected-width="40"></div> 183 <div data-offset-x="40" data-offset-y="0" data-expected-width="40"></div>
(...skipping 85 matching lines...) Expand 10 before | Expand all | Expand 10 after
269 <!-- 0 lines should not crash. --> 269 <!-- 0 lines should not crash. -->
270 <div data-expected-width="30" class="flexbox vertical-rl" style="-webkit-align-c ontent: space-between; width: 30px"> 270 <div data-expected-width="30" class="flexbox vertical-rl" style="-webkit-align-c ontent: space-between; width: 30px">
271 </div> 271 </div>
272 <div data-expected-width="30" class="flexbox vertical-rl" style="-webkit-align-c ontent: space-around; width: 30px"> 272 <div data-expected-width="30" class="flexbox vertical-rl" style="-webkit-align-c ontent: space-around; width: 30px">
273 </div> 273 </div>
274 <div data-expected-width="30" class="flexbox vertical-rl" style="-webkit-align-c ontent: stretch; width: 30px"> 274 <div data-expected-width="30" class="flexbox vertical-rl" style="-webkit-align-c ontent: stretch; width: 30px">
275 </div> 275 </div>
276 276
277 <!-- 1 line should not crash. --> 277 <!-- 1 line should not crash. -->
278 <div data-expected-width="30" class="flexbox vertical-rl" style="-webkit-align-c ontent: space-between; width: 30px"> 278 <div data-expected-width="30" class="flexbox vertical-rl" style="-webkit-align-c ontent: space-between; width: 30px">
279 <div data-offset-x="20" data-offset-y="0" data-expected-width="10"></div> 279 <div data-offset-x="0" data-offset-y="0" data-expected-width="30"></div>
280 </div> 280 </div>
281 <div data-expected-width="30" class="flexbox vertical-rl" style="-webkit-align-c ontent: space-around; width: 30px"> 281 <div data-expected-width="30" class="flexbox vertical-rl" style="-webkit-align-c ontent: space-around; width: 30px">
282 <div data-offset-x="20" data-offset-y="0" data-expected-width="10"></div> 282 <div data-offset-x="0" data-offset-y="0" data-expected-width="30"></div>
283 </div> 283 </div>
284 <div data-expected-width="30" class="flexbox vertical-rl" style="-webkit-align-c ontent: stretch; width: 30px"> 284 <div data-expected-width="30" class="flexbox vertical-rl" style="-webkit-align-c ontent: stretch; width: 30px">
285 <div data-offset-x="0" data-offset-y="0" data-expected-width="30"></div> 285 <div data-offset-x="0" data-offset-y="0" data-expected-width="30"></div>
286 </div> 286 </div>
287 </body> 287 </body>
288 </html> 288 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698