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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 2191683003: [css-flexbox] align-content should apply even when there's just a single line (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Mark Firefox tests as failing; they haven't fixed this bug yet Created 4 years, 4 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/css3/flexbox/flexbox-wordwrap.html ('k') | third_party/WebKit/Source/core/layout/LayoutFlexibleBox.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 <style> 3 <style>
4 .flexbox { 4 .flexbox {
5 display: flex; 5 display: flex;
6 background-color: #aaa; 6 background-color: #aaa;
7 position: relative; 7 position: relative;
8 flex-wrap: wrap; 8 flex-wrap: wrap;
9 } 9 }
10 10
(...skipping 152 matching lines...) Expand 10 before | Expand all | Expand 10 after
163 <!-- 0 lines should not crash. --> 163 <!-- 0 lines should not crash. -->
164 <div data-expected-height="30" class="flexbox horizontal" style="align-content: space-between; height: 30px"> 164 <div data-expected-height="30" class="flexbox horizontal" style="align-content: space-between; height: 30px">
165 </div> 165 </div>
166 <div data-expected-height="30" class="flexbox horizontal" style="align-content: space-around; height: 30px"> 166 <div data-expected-height="30" class="flexbox horizontal" style="align-content: space-around; height: 30px">
167 </div> 167 </div>
168 <div data-expected-height="30" class="flexbox horizontal" style="align-content: stretch; height: 30px"> 168 <div data-expected-height="30" class="flexbox horizontal" style="align-content: stretch; height: 30px">
169 </div> 169 </div>
170 170
171 <!-- 1 line should not crash. --> 171 <!-- 1 line should not crash. -->
172 <div data-expected-height="30" class="flexbox horizontal" style="align-content: space-between; height: 30px"> 172 <div data-expected-height="30" class="flexbox horizontal" style="align-content: space-between; height: 30px">
173 <div data-offset-x="0" data-offset-y="0" data-expected-height="30"></div> 173 <div data-offset-x="0" data-offset-y="0" data-expected-height="10"></div>
174 </div> 174 </div>
175 <div data-expected-height="30" class="flexbox horizontal" style="align-content: space-around; height: 30px"> 175 <div data-expected-height="30" class="flexbox horizontal" style="align-content: space-around; 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="10" data-expected-height="10"></div>
177 </div> 177 </div>
178 <div data-expected-height="30" class="flexbox horizontal" style="align-content: stretch; height: 30px"> 178 <div data-expected-height="30" class="flexbox horizontal" style="align-content: stretch; height: 30px">
179 <div data-offset-x="0" data-offset-y="0" data-expected-height="30"></div> 179 <div data-offset-x="0" data-offset-y="0" data-expected-height="30"></div>
180 </div> 180 </div>
181 181
182 182
183 <div data-expected-width="120" class="flexbox vertical-rl"> 183 <div data-expected-width="120" class="flexbox vertical-rl">
184 <div data-offset-x="80" data-offset-y="0" data-expected-width="40"></div> 184 <div data-offset-x="80" data-offset-y="0" data-expected-width="40"></div>
185 <div data-offset-x="80" data-offset-y="10" data-expected-width="40"></div> 185 <div data-offset-x="80" data-offset-y="10" data-expected-width="40"></div>
186 <div data-offset-x="40" data-offset-y="0" data-expected-width="40"></div> 186 <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
272 <!-- 0 lines should not crash. --> 272 <!-- 0 lines should not crash. -->
273 <div data-expected-width="30" class="flexbox vertical-rl" style="align-content: space-between; width: 30px"> 273 <div data-expected-width="30" class="flexbox vertical-rl" style="align-content: space-between; width: 30px">
274 </div> 274 </div>
275 <div data-expected-width="30" class="flexbox vertical-rl" style="align-content: space-around; width: 30px"> 275 <div data-expected-width="30" class="flexbox vertical-rl" style="align-content: space-around; width: 30px">
276 </div> 276 </div>
277 <div data-expected-width="30" class="flexbox vertical-rl" style="align-content: stretch; width: 30px"> 277 <div data-expected-width="30" class="flexbox vertical-rl" style="align-content: stretch; width: 30px">
278 </div> 278 </div>
279 279
280 <!-- 1 line should not crash. --> 280 <!-- 1 line should not crash. -->
281 <div data-expected-width="30" class="flexbox vertical-rl" style="align-content: space-between; width: 30px"> 281 <div data-expected-width="30" class="flexbox vertical-rl" style="align-content: space-between; width: 30px">
282 <div data-offset-x="0" data-offset-y="0" data-expected-width="30"></div> 282 <div data-offset-x="20" data-offset-y="0" data-expected-width="10"></div>
283 </div> 283 </div>
284 <div data-expected-width="30" class="flexbox vertical-rl" style="align-content: space-around; width: 30px"> 284 <div data-expected-width="30" class="flexbox vertical-rl" style="align-content: space-around; width: 30px">
285 <div data-offset-x="0" data-offset-y="0" data-expected-width="30"></div> 285 <div data-offset-x="10" data-offset-y="0" data-expected-width="10"></div>
286 </div> 286 </div>
287 <div data-expected-width="30" class="flexbox vertical-rl" style="align-content: stretch; width: 30px"> 287 <div data-expected-width="30" class="flexbox vertical-rl" style="align-content: stretch; width: 30px">
288 <div data-offset-x="0" data-offset-y="0" data-expected-width="30"></div> 288 <div data-offset-x="0" data-offset-y="0" data-expected-width="30"></div>
289 </div> 289 </div>
290 </body> 290 </body>
291 </html> 291 </html>
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/css3/flexbox/flexbox-wordwrap.html ('k') | third_party/WebKit/Source/core/layout/LayoutFlexibleBox.cpp » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698