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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/css3/flexbox/flex-align-vertical-writing-mode.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 | « LayoutTests/css3/flexbox/flex-align.html ('k') | LayoutTests/css3/flexbox/flex-flow-padding.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 height: 100px; 9 height: 100px;
10 background-color: #aaa; 10 background-color: #aaa;
(...skipping 50 matching lines...) Expand 10 before | Expand all | Expand 10 after
61 61
62 <div class="flexbox"> 62 <div class="flexbox">
63 <div data-expected-width="60" data-offset-x="60" class="flex-one" style="widt h: 60px;"></div> 63 <div data-expected-width="60" data-offset-x="60" class="flex-one" style="widt h: 60px;"></div>
64 <div data-expected-width="120" data-offset-x="0" class="flex-one"></div> 64 <div data-expected-width="120" data-offset-x="0" class="flex-one"></div>
65 <div data-expected-width="60" data-offset-x="30" class="flex-one" style="widt h: 60px; margin: auto;"></div> 65 <div data-expected-width="60" data-offset-x="30" class="flex-one" style="widt h: 60px; margin: auto;"></div>
66 <div data-expected-width="0" data-offset-x="60" class="flex-one" style="margin : 0 auto;"></div> 66 <div data-expected-width="0" data-offset-x="60" class="flex-one" style="margin : 0 auto;"></div>
67 <div data-expected-width="100" data-offset-x="10" class="flex-one" style="widt h: 100px; margin: 0 10px;"></div> 67 <div data-expected-width="100" data-offset-x="10" class="flex-one" style="widt h: 100px; margin: 0 10px;"></div>
68 <div data-expected-width="50" data-offset-x="50" class="flex-one" style="width : 50px; margin: 0 20px 0 10px;"></div> 68 <div data-expected-width="50" data-offset-x="50" class="flex-one" style="width : 50px; margin: 0 20px 0 10px;"></div>
69 <div data-expected-width="90" data-offset-x="10" class="flex-one" style="margi n: 0 20px 0 10px;"></div> 69 <div data-expected-width="90" data-offset-x="10" class="flex-one" style="margi n: 0 20px 0 10px;"></div>
70 <div data-expected-width="120" data-offset-x="0" class="flex-one"> 70 <div data-expected-width="120" data-offset-x="0" class="flex-one">
71 <!-- Since no parent has a fixed height, this div shrink-wraps. --> 71 <div data-expected-width="120" style="width: 100%; background-color:black">< /div>
72 <div data-expected-width="0" style="width: 100%; background-color:black"></d iv>
73 </div> 72 </div>
74 </div> 73 </div>
75 74
76 <div class="flexbox" style="width: 100px;"> 75 <div class="flexbox" style="width: 100px;">
77 <div data-expected-width="50" data-offset-x="50" class="flex-one" style="widt h: 50px;"></div> 76 <div data-expected-width="50" data-offset-x="50" class="flex-one" style="widt h: 50px;"></div>
78 <div data-expected-width="100" data-offset-x="0" class="flex-one"></div> 77 <div data-expected-width="100" data-offset-x="0" class="flex-one"></div>
79 <div data-expected-width="100" data-offset-x="0" class="flex-one" style="width : 100%;"> 78 <div data-expected-width="100" data-offset-x="0" class="flex-one" style="width : 100%;">
80 <div data-expected-width="100" style="width: 100%; background-color:black">< /div> 79 <div data-expected-width="100" style="width: 100%; background-color:black">< /div>
81 </div> 80 </div>
82 </div> 81 </div>
(...skipping 126 matching lines...) Expand 10 before | Expand all | Expand 10 after
209 { 208 {
210 if (!condition) 209 if (!condition)
211 document.getElementById("results").innerHTML += msg + "<br/>"; 210 document.getElementById("results").innerHTML += msg + "<br/>";
212 } 211 }
213 212
214 additionalBaselineChecks(); 213 additionalBaselineChecks();
215 </script> 214 </script>
216 215
217 </body> 216 </body>
218 </html> 217 </html>
OLDNEW
« no previous file with comments | « LayoutTests/css3/flexbox/flex-align.html ('k') | LayoutTests/css3/flexbox/flex-flow-padding.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698