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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 331203002: Blink doesn't honor percent heights on children of "align-self:stretch" flex items in a fixed-height (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Created 6 years, 2 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 | LayoutTests/css3/flexbox/flex-align-vertical-writing-mode.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 <link href="resources/flexbox.css" rel="stylesheet"> 3 <link href="resources/flexbox.css" rel="stylesheet">
4 <style> 4 <style>
5 body { 5 body {
6 margin: 0; 6 margin: 0;
7 } 7 }
8 .flexbox { 8 .flexbox {
9 width: 600px; 9 width: 600px;
10 background-color: #aaa; 10 background-color: #aaa;
(...skipping 50 matching lines...) Expand 10 before | Expand all | Expand 10 after
61 <div class="flexbox"> 61 <div class="flexbox">
62 <div data-expected-height="60" data-offset-y="0" style="-webkit-flex: 1 0 0; height: 60px;"></div> 62 <div data-expected-height="60" data-offset-y="0" style="-webkit-flex: 1 0 0; height: 60px;"></div>
63 <div data-expected-height="120" data-offset-y="0" style="-webkit-flex: 1 0 0;" ></div> 63 <div data-expected-height="120" data-offset-y="0" style="-webkit-flex: 1 0 0;" ></div>
64 <div data-expected-height="60" data-offset-y="30" style="-webkit-flex: 1 0 0; height: 60px; margin: auto 0;"></div> 64 <div data-expected-height="60" data-offset-y="30" style="-webkit-flex: 1 0 0; height: 60px; margin: auto 0;"></div>
65 <div data-expected-height="0" data-offset-y="120" style="-webkit-flex: 1 0 0; margin: auto 0 0;"></div> 65 <div data-expected-height="0" data-offset-y="120" style="-webkit-flex: 1 0 0; margin: auto 0 0;"></div>
66 <div data-expected-height="0" data-offset-y="60" style="-webkit-flex: 1 0 0; m argin: auto 0;"></div> 66 <div data-expected-height="0" data-offset-y="60" style="-webkit-flex: 1 0 0; m argin: auto 0;"></div>
67 <div data-expected-height="100" data-offset-y="10" style="-webkit-flex: 1 0 0; height: 100px; margin: 10px 0;"></div> 67 <div data-expected-height="100" data-offset-y="10" style="-webkit-flex: 1 0 0; height: 100px; margin: 10px 0;"></div>
68 <div data-expected-height="50" data-offset-y="20" style="-webkit-flex: 1 0 0; height: 50px; margin: 20px 0 10px;"></div> 68 <div data-expected-height="50" data-offset-y="20" style="-webkit-flex: 1 0 0; height: 50px; margin: 20px 0 10px;"></div>
69 <div data-expected-height="90" data-offset-y="20" style="-webkit-flex: 1 0 0; margin: 20px 0 10px;"></div> 69 <div data-expected-height="90" data-offset-y="20" style="-webkit-flex: 1 0 0; margin: 20px 0 10px;"></div>
70 <div data-expected-height="120" data-offset-y="0" style="-webkit-flex: 1 0 0;" > 70 <div data-expected-height="120" data-offset-y="0" style="-webkit-flex: 1 0 0;" >
71 <!-- Since no parent has a fixed height, this div shrink-wraps. --> 71 <div data-expected-height="120" style="height: 100%; background-color:black" ></div>
72 <div data-expected-height="0" style="height: 100%; background-color:black">< /div>
73 </div> 72 </div>
74 </div> 73 </div>
75 74
76 <div class="flexbox" style="-webkit-align-items: flex-start"> 75 <div class="flexbox" style="-webkit-align-items: flex-start">
77 <div data-expected-height="0" data-offset-y="0" style="-webkit-flex: 1 0 0;" ></div> 76 <div data-expected-height="0" data-offset-y="0" style="-webkit-flex: 1 0 0;" ></div>
78 <div data-expected-height="100" data-offset-y="0" style="-webkit-flex: 1 0 0 ; height: 100px;"></div> 77 <div data-expected-height="100" data-offset-y="0" style="-webkit-flex: 1 0 0 ; height: 100px;"></div>
79 </div> 78 </div>
80 79
81 <div class="flexbox" style="-webkit-align-items: flex-end"> 80 <div class="flexbox" style="-webkit-align-items: flex-end">
82 <div data-expected-height="0" data-offset-y="100" style="-webkit-flex: 1 0 0 ;"></div> 81 <div data-expected-height="0" data-offset-y="100" style="-webkit-flex: 1 0 0 ;"></div>
(...skipping 202 matching lines...) Expand 10 before | Expand all | Expand 10 after
285 { 284 {
286 if (!condition) 285 if (!condition)
287 document.getElementById("results").innerText += msg; 286 document.getElementById("results").innerText += msg;
288 } 287 }
289 288
290 additionalBaselineChecks(); 289 additionalBaselineChecks();
291 </script> 290 </script>
292 291
293 </body> 292 </body>
294 </html> 293 </html>
OLDNEW
« no previous file with comments | « no previous file | LayoutTests/css3/flexbox/flex-align-vertical-writing-mode.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698