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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/css3/flexbox/definite-cross-sizes.html

Issue 1807653002: [css-flexbox] Correctly handle percentage sizing in the main axis (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: remove unnecessary brackets Created 4 years, 9 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 | « no previous file | third_party/WebKit/LayoutTests/css3/flexbox/definite-main-size.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 2
3 <title>CSS Flexbox: Definite cross sizes</title> 3 <title>CSS Flexbox: Definite cross sizes</title>
4 4
5 <style> 5 <style>
6 .rect { 6 .rect {
7 width: 50px; 7 width: 50px;
8 height: 50px; 8 height: 50px;
9 background-color: green; 9 background-color: green;
10 } 10 }
(...skipping 63 matching lines...) Expand 10 before | Expand all | Expand 10 after
74 <div class="flexbox" style="height: 50px;" data-expected-height="50"> 74 <div class="flexbox" style="height: 50px;" data-expected-height="50">
75 <div class="flexbox" data-expected-height="50"> 75 <div class="flexbox" data-expected-height="50">
76 <div data-expected-height="50"> 76 <div data-expected-height="50">
77 <div style="height: 50%" data-expected-height="25"> 77 <div style="height: 50%" data-expected-height="25">
78 <div class="rect" data-expected-height="50"></div> 78 <div class="rect" data-expected-height="50"></div>
79 </div> 79 </div>
80 </div> 80 </div>
81 </div> 81 </div>
82 </div> 82 </div>
83 83
84 <p>Tests that we get an definite size in a nested flexbox where only the outer o ne has an explicit height and has an opposite direction. TODO: This is currently considered indefinite pending crbug.com/346275</p> 84 <p>Tests that we get an definite size in a nested flexbox where only the outer o ne has an explicit height and has an opposite direction.</p>
85 <div class="flexbox" style="height: 50px;" data-expected-height="50"> 85 <div class="flexbox" style="height: 50px;" data-expected-height="50">
86 <div class="flexbox column flex-one" data-expected-height="50"> 86 <div class="flexbox column" data-expected-height="50">
87 <div data-expected-height="50"> 87 <div class="flex-one" data-expected-height="50">
88 <div style="height: 50%" data-expected-height="50"> <!-- TODO: should be 2 5 pending the above bug --> 88 <div style="height: 50%" data-expected-height="25">
89 <div class="rect" data-expected-height="50"></div> 89 <div class="rect" data-expected-height="50"></div>
90 </div> 90 </div>
91 </div> 91 </div>
92 </div> 92 </div>
93 </div> 93 </div>
94 94
95 <p>Tests that we respect min-height</p> 95 <p>Tests that we respect min-height</p>
96 <div class="flexbox" style="height: 50px;" data-expected-height="50"> 96 <div class="flexbox" style="height: 50px;" data-expected-height="50">
97 <div data-expected-height="50"> 97 <div data-expected-height="50">
98 <div style="height: 50%; min-height: 30px;" data-expected-height="30"> 98 <div style="height: 50%; min-height: 30px;" data-expected-height="30">
(...skipping 23 matching lines...) Expand all
122 </div> 122 </div>
123 123
124 <p>Tests that we don't mix up widths and heights</p> 124 <p>Tests that we don't mix up widths and heights</p>
125 <div class="flexbox" style="height: 50px; width: 100px;" data-expected-height="5 0"> 125 <div class="flexbox" style="height: 50px; width: 100px;" data-expected-height="5 0">
126 <div style="width: 100px;" data-expected-height="50" data-expected-width="100" > 126 <div style="width: 100px;" data-expected-height="50" data-expected-width="100" >
127 <div style="width: 50%" data-expected-width="50"> 127 <div style="width: 50%" data-expected-width="50">
128 <div class="rect" data-expected-height="50" data-expected-width="50"></div > 128 <div class="rect" data-expected-height="50" data-expected-width="50"></div >
129 </div> 129 </div>
130 </div> 130 </div>
131 </div> 131 </div>
OLDNEW
« no previous file with comments | « no previous file | third_party/WebKit/LayoutTests/css3/flexbox/definite-main-size.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698