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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/css3/flexbox/flexbox-wordwrap.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/alignContent-applies-with-flexWrap-wrap-with-single-line.html ('k') | third_party/WebKit/LayoutTests/css3/flexbox/multiline-align-content.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 <html> 2 <html>
3 <head> 3 <head>
4 <script src="../../resources/testharness.js"></script> 4 <script src="../../resources/testharness.js"></script>
5 <script src="../../resources/testharnessreport.js"></script> 5 <script src="../../resources/testharnessreport.js"></script>
6 <script src="../../resources/check-layout-th.js"></script> 6 <script src="../../resources/check-layout-th.js"></script>
7 <style> 7 <style>
8 .flex-horizontal { 8 .flex-horizontal {
9 width:600px; 9 width:600px;
10 display:flex; 10 display:flex;
(...skipping 57 matching lines...) Expand 10 before | Expand all | Expand 10 after
68 <body onload="checkLayout('.flex-horizontal, .flex-vertical');"> 68 <body onload="checkLayout('.flex-horizontal, .flex-vertical');">
69 <div id=log></div> 69 <div id=log></div>
70 <p>Test for crbug.com/362848: Flex box word-wrap is not adhering to spec</p> 70 <p>Test for crbug.com/362848: Flex box word-wrap is not adhering to spec</p>
71 <div class="flex-horizontal"> 71 <div class="flex-horizontal">
72 <div class="item-horizontal" data-expected-height="80"><div class="content1- horizontal"></div></div> 72 <div class="item-horizontal" data-expected-height="80"><div class="content1- horizontal"></div></div>
73 <div class="item-horizontal" data-expected-height="80"><div class="content2- horizontal"></div></div> 73 <div class="item-horizontal" data-expected-height="80"><div class="content2- horizontal"></div></div>
74 <div class="item-horizontal" data-expected-height="80"><div class="content3- horizontal"></div></div> 74 <div class="item-horizontal" data-expected-height="80"><div class="content3- horizontal"></div></div>
75 </div> 75 </div>
76 76
77 <div class="flex-horizontal" style="flex-wrap:wrap;"> 77 <div class="flex-horizontal" style="flex-wrap:wrap;">
78 <div class="item-horizontal" data-expected-height="80"><div class="content1- horizontal"></div></div> 78 <div class="item-horizontal" data-expected-height="150"><div class="content1 -horizontal"></div></div>
79 <div class="item-horizontal" data-expected-height="80"><div class="content2- horizontal"></div></div> 79 <div class="item-horizontal" data-expected-height="150"><div class="content2 -horizontal"></div></div>
80 <div class="item-horizontal" data-expected-height="80"><div class="content3- horizontal"></div></div> 80 <div class="item-horizontal" data-expected-height="150"><div class="content3 -horizontal"></div></div>
81 </div> 81 </div>
82 82
83 <div class="flex-horizontal" style="flex-wrap:wrap;"> 83 <div class="flex-horizontal" style="flex-wrap:wrap;">
84 <div class="item-horizontal" data-expected-height="150"><div class="content1 -horizontal"></div></div> 84 <div class="item-horizontal" data-expected-height="150"><div class="content1 -horizontal"></div></div>
85 <div class="item-horizontal" data-expected-height="150"><div class="content2 -horizontal"></div></div> 85 <div class="item-horizontal" data-expected-height="150"><div class="content2 -horizontal"></div></div>
86 <div class="item-horizontal" data-expected-height="150"><div class="content3 -horizontal"></div></div> 86 <div class="item-horizontal" data-expected-height="150"><div class="content3 -horizontal"></div></div>
87 <div class="item-horizontal" data-expected-height="150"><div class="content1 -horizontal"></div></div> 87 <div class="item-horizontal" data-expected-height="150"><div class="content1 -horizontal"></div></div>
88 <div class="item-horizontal" data-expected-height="150"><div class="content2 -horizontal"></div></div> 88 <div class="item-horizontal" data-expected-height="150"><div class="content2 -horizontal"></div></div>
89 </div> 89 </div>
90 90
91 <div class="flex-vertical"> 91 <div class="flex-vertical">
92 <div class="item-vertical" data-expected-width="80"><div class="content1-ver tical"></div></div> 92 <div class="item-vertical" data-expected-width="80"><div class="content1-ver tical"></div></div>
93 <div class="item-vertical" data-expected-width="80"><div class="content2-ver tical"></div></div> 93 <div class="item-vertical" data-expected-width="80"><div class="content2-ver tical"></div></div>
94 <div class="item-vertical" data-expected-width="80"><div class="content3-ver tical"></div></div> 94 <div class="item-vertical" data-expected-width="80"><div class="content3-ver tical"></div></div>
95 </div> 95 </div>
96 96
97 <div class="flex-vertical" style="flex-wrap:wrap;"> 97 <div class="flex-vertical" style="flex-wrap:wrap;">
98 <div class="item-vertical" data-expected-width="80"><div class="content1-ver tical"></div></div> 98 <div class="item-vertical" data-expected-width="150"><div class="content1-ve rtical"></div></div>
99 <div class="item-vertical" data-expected-width="80"><div class="content2-ver tical"></div></div> 99 <div class="item-vertical" data-expected-width="150"><div class="content2-ve rtical"></div></div>
100 <div class="item-vertical" data-expected-width="80"><div class="content3-ver tical"></div></div> 100 <div class="item-vertical" data-expected-width="150"><div class="content3-ve rtical"></div></div>
101 </div> 101 </div>
102 102
103 <div class="flex-vertical" style="flex-wrap:wrap;"> 103 <div class="flex-vertical" style="flex-wrap:wrap;">
104 <div class="item-vertical" data-expected-width="150"><div class="content1-ve rtical"></div></div> 104 <div class="item-vertical" data-expected-width="150"><div class="content1-ve rtical"></div></div>
105 <div class="item-vertical" data-expected-width="150"><div class="content2-ve rtical"></div></div> 105 <div class="item-vertical" data-expected-width="150"><div class="content2-ve rtical"></div></div>
106 <div class="item-vertical" data-expected-width="150"><div class="content3-ve rtical"></div></div> 106 <div class="item-vertical" data-expected-width="150"><div class="content3-ve rtical"></div></div>
107 <div class="item-vertical" data-expected-width="150"><div class="content1-ve rtical"></div></div> 107 <div class="item-vertical" data-expected-width="150"><div class="content1-ve rtical"></div></div>
108 <div class="item-vertical" data-expected-width="150"><div class="content2-ve rtical"></div></div> 108 <div class="item-vertical" data-expected-width="150"><div class="content2-ve rtical"></div></div>
109 </div> 109 </div>
110 </body> 110 </body>
111 </html> 111 </html>
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/css3/flexbox/alignContent-applies-with-flexWrap-wrap-with-single-line.html ('k') | third_party/WebKit/LayoutTests/css3/flexbox/multiline-align-content.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698