third_party/WebKit/LayoutTests/css3/flexbox/flex-align-vertical-writing-mode.html - Issue 1875263005: [css-flexbox] More correctly implement percentage sizing

Side by Side Diff: third_party/WebKit/LayoutTests/css3/flexbox/flex-align-vertical-writing-mode.html

Issue 1875263005: [css-flexbox] More correctly implement percentage sizing (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Created 4 years, 8 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/flex-align.html ('k') | third_party/WebKit/Source/core/layout/LayoutFlexibleBox.h » ('j') | third_party/WebKit/Source/core/layout/LayoutFlexibleBox.cpp » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
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 54 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
65	65

66 <div class="flexbox">	66 <div class="flexbox">

67 <div data-expected-width="60" data-offset-x="60" class="flex-one" style="widt h: 60px;"></div>	67 <div data-expected-width="60" data-offset-x="60" class="flex-one" style="widt h: 60px;"></div>

68 <div data-expected-width="120" data-offset-x="0" class="flex-one"></div>	68 <div data-expected-width="120" data-offset-x="0" class="flex-one"></div>

69 <div data-expected-width="60" data-offset-x="30" class="flex-one" style="widt h: 60px; margin: auto;"></div>	69 <div data-expected-width="60" data-offset-x="30" class="flex-one" style="widt h: 60px; margin: auto;"></div>

70 <div data-expected-width="0" data-offset-x="60" class="flex-one" style="margin : 0 auto;"></div>	70 <div data-expected-width="0" data-offset-x="60" class="flex-one" style="margin : 0 auto;"></div>

71 <div data-expected-width="100" data-offset-x="10" class="flex-one" style="widt h: 100px; margin: 0 10px;"></div>	71 <div data-expected-width="100" data-offset-x="10" class="flex-one" style="widt h: 100px; margin: 0 10px;"></div>

72 <div data-expected-width="50" data-offset-x="50" class="flex-one" style="width : 50px; margin: 0 20px 0 10px;"></div>	72 <div data-expected-width="50" data-offset-x="50" class="flex-one" style="width : 50px; margin: 0 20px 0 10px;"></div>

73 <div data-expected-width="90" data-offset-x="10" class="flex-one" style="margi n: 0 20px 0 10px;"></div>	73 <div data-expected-width="90" data-offset-x="10" class="flex-one" style="margi n: 0 20px 0 10px;"></div>

74 <div data-expected-width="120" data-offset-x="0" class="flex-one">	74 <div data-expected-width="120" data-offset-x="0" class="flex-one">

75 <!-- Since no parent has a fixed height, this div shrink-wraps. -->	75 <div data-expected-width="120" style="width: 100%; background-color:black">< /div>

76 <div data-expected-width="0" style="width: 100%; background-color:black"></d iv>

77 </div>	76 </div>

78 </div>	77 </div>

79	78

80 <div class="flexbox" style="width: 100px;">	79 <div class="flexbox" style="width: 100px;">

81 <div data-expected-width="50" data-offset-x="50" class="flex-one" style="widt h: 50px;"></div>	80 <div data-expected-width="50" data-offset-x="50" class="flex-one" style="widt h: 50px;"></div>

82 <div data-expected-width="100" data-offset-x="0" class="flex-one"></div>	81 <div data-expected-width="100" data-offset-x="0" class="flex-one"></div>

83 <div data-expected-width="100" data-offset-x="0" class="flex-one" style="width : 100%;">	82 <div data-expected-width="100" data-offset-x="0" class="flex-one" style="width : 100%;">

84 <div data-expected-width="100" style="width: 100%; background-color:black">< /div>	83 <div data-expected-width="100" style="width: 100%; background-color:black">< /div>

85 </div>	84 </div>

86 </div>	85 </div>

(...skipping 126 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
213 {	212 {

214 if (!condition)	213 if (!condition)

215 document.getElementById("results").innerHTML += msg + "<br/>";	214 document.getElementById("results").innerHTML += msg + "<br/>";

216 }	215 }

217	216

218 additionalBaselineChecks();	217 additionalBaselineChecks();

219 </script>	218 </script>

220	219

221 </body>	220 </body>

222 </html>	221 </html>

OLD	NEW