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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/css3/flexbox/flex-flow-padding.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-vertical-writing-mode.html ('k') | LayoutTests/css3/flexbox/percent-height-children-of-alignSelf-stretch-flex-item.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 <style> 3 <style>
4 .container { 4 .container {
5 position: relative; 5 position: relative;
6 background-color: pink; 6 background-color: pink;
7 outline: 1px solid red; 7 outline: 1px solid red;
8 display: inline-block; 8 display: inline-block;
9 } 9 }
10 .flexbox { 10 .flexbox {
(...skipping 76 matching lines...) Expand 10 before | Expand all | Expand 10 after
87 87
88 var horizontalContainerSize = [160, 140]; 88 var horizontalContainerSize = [160, 140];
89 var verticalContainerSize = [140, 160]; 89 var verticalContainerSize = [140, 160];
90 90
91 var physicalExpectations = { 91 var physicalExpectations = {
92 'horizontal-tb': { 92 'horizontal-tb': {
93 rtl: { 93 rtl: {
94 containersize: horizontalContainerSize, 94 containersize: horizontalContainerSize,
95 flexitemcolumn: [30, 100, 110, 10], 95 flexitemcolumn: [30, 100, 110, 10],
96 flexitemrow: [100, 50, 40, 10], 96 flexitemrow: [100, 50, 40, 10],
97 childcolumn: [20, 20, 118, 23], 97 childcolumn: [20, 70, 118, 23],
98 childrow: [90, 20, 48, 23] 98 childrow: [90, 20, 48, 23]
99 }, 99 },
100 ltr : { 100 ltr : {
101 containersize: horizontalContainerSize, 101 containersize: horizontalContainerSize,
102 flexitemcolumn: [30, 100, 40, 10], 102 flexitemcolumn: [30, 100, 40, 10],
103 flexitemrow: [100, 50, 40, 10], 103 flexitemrow: [100, 50, 40, 10],
104 childcolumn: [20, 20, 48, 23], 104 childcolumn: [20, 70, 48, 23],
105 childrow: [90, 20, 48, 23] 105 childrow: [90, 20, 48, 23]
106 } 106 }
107 }, 107 },
108 'horizontal-bt': { 108 'horizontal-bt': {
109 rtl: { 109 rtl: {
110 containersize: horizontalContainerSize, 110 containersize: horizontalContainerSize,
111 flexitemcolumn: [30, 100, 110, 10], 111 flexitemcolumn: [30, 100, 110, 10],
112 flexitemrow: [100, 50, 40, 60], 112 flexitemrow: [100, 50, 40, 60],
113 childcolumn: [20, 20, 118, 73], 113 childcolumn: [20, 70, 118, 23],
114 childrow: [90, 20, 48, 73] 114 childrow: [90, 20, 48, 73]
115 }, 115 },
116 ltr : { 116 ltr : {
117 containersize: horizontalContainerSize, 117 containersize: horizontalContainerSize,
118 flexitemcolumn: [30, 100, 40, 10], 118 flexitemcolumn: [30, 100, 40, 10],
119 flexitemrow: [100, 50, 40, 60], 119 flexitemrow: [100, 50, 40, 60],
120 childcolumn: [20, 20, 48, 73], 120 childcolumn: [20, 70, 48, 23],
121 childrow: [90, 20, 48, 73] 121 childrow: [90, 20, 48, 73]
122 } 122 }
123 }, 123 },
124 'vertical-lr': { 124 'vertical-lr': {
125 rtl: { 125 rtl: {
126 containersize: horizontalContainerSize, 126 containersize: horizontalContainerSize,
127 flexitemcolumn: [100, 50, 40, 60], 127 flexitemcolumn: [100, 50, 40, 60],
128 flexitemrow: [30, 100, 40, 10], 128 flexitemrow: [30, 100, 40, 10],
129 childcolumn: [20, 20, 48, 73], 129 childcolumn: [90, 20, 48, 73],
130 childrow: [20, 70, 48, 23] 130 childrow: [20, 70, 48, 23]
131 }, 131 },
132 ltr : { 132 ltr : {
133 containersize: horizontalContainerSize, 133 containersize: horizontalContainerSize,
134 flexitemcolumn: [100, 50, 40, 10], 134 flexitemcolumn: [100, 50, 40, 10],
135 flexitemrow: [30, 100, 40, 10], 135 flexitemrow: [30, 100, 40, 10],
136 childcolumn: [20, 20, 48, 23], 136 childcolumn: [90, 20, 48, 23],
137 childrow: [20, 70, 48, 23] 137 childrow: [20, 70, 48, 23]
138 } 138 }
139 }, 139 },
140 'vertical-rl': { 140 'vertical-rl': {
141 rtl: { 141 rtl: {
142 containersize: horizontalContainerSize, 142 containersize: horizontalContainerSize,
143 flexitemcolumn: [100, 50, 40, 60], 143 flexitemcolumn: [100, 50, 40, 60],
144 flexitemrow: [30, 100, 110, 10], 144 flexitemrow: [30, 100, 110, 10],
145 childcolumn: [20, 20, 118, 73], 145 childcolumn: [90, 20, 48, 73],
146 childrow: [20, 70, 118, 23] 146 childrow: [20, 70, 118, 23]
147 }, 147 },
148 ltr : { 148 ltr : {
149 containersize: horizontalContainerSize, 149 containersize: horizontalContainerSize,
150 flexitemcolumn: [100, 50, 40, 10], 150 flexitemcolumn: [100, 50, 40, 10],
151 flexitemrow: [30, 100, 110, 10], 151 flexitemrow: [30, 100, 110, 10],
152 childcolumn: [20, 20, 118, 23], 152 childcolumn: [90, 20, 48, 23],
153 childrow: [20, 70, 118, 23] 153 childrow: [20, 70, 118, 23]
154 } 154 }
155 } 155 }
156 } 156 }
157 157
158 var logicalExpectations = { 158 var logicalExpectations = {
159 'horizontal-tb': { 159 'horizontal-tb': {
160 rtl: { 160 rtl: {
161 containersize: horizontalContainerSize, 161 containersize: horizontalContainerSize,
162 flexitemcolumn: [30, 100, 90, 10], 162 flexitemcolumn: [30, 100, 90, 10],
163 flexitemrow: [100, 50, 20, 10], 163 flexitemrow: [100, 50, 20, 10],
164 childcolumn: [20, 20, 92, 23], 164 childcolumn: [20, 70, 92, 23],
165 childrow: [90, 20, 22, 23] 165 childrow: [90, 20, 22, 23]
166 }, 166 },
167 ltr : { 167 ltr : {
168 containersize: horizontalContainerSize, 168 containersize: horizontalContainerSize,
169 flexitemcolumn: [30, 100, 40, 10], 169 flexitemcolumn: [30, 100, 40, 10],
170 flexitemrow: [100, 50, 40, 10], 170 flexitemrow: [100, 50, 40, 10],
171 childcolumn: [20, 20, 48, 23], 171 childcolumn: [20, 70, 48, 23],
172 childrow: [90, 20, 48, 23] 172 childrow: [90, 20, 48, 23]
173 } 173 }
174 }, 174 },
175 'horizontal-bt': { 175 'horizontal-bt': {
176 rtl: { 176 rtl: {
177 containersize: horizontalContainerSize, 177 containersize: horizontalContainerSize,
178 flexitemcolumn: [30, 100, 90, 30], 178 flexitemcolumn: [30, 100, 90, 30],
179 flexitemrow: [100, 50, 20, 80], 179 flexitemrow: [100, 50, 20, 80],
180 childcolumn: [20, 20, 92, 97], 180 childcolumn: [20, 70, 92, 47],
181 childrow: [90, 20, 22, 97] 181 childrow: [90, 20, 22, 97]
182 }, 182 },
183 ltr : { 183 ltr : {
184 containersize: horizontalContainerSize, 184 containersize: horizontalContainerSize,
185 flexitemcolumn: [30, 100, 40, 30], 185 flexitemcolumn: [30, 100, 40, 30],
186 flexitemrow: [100, 50, 40, 80], 186 flexitemrow: [100, 50, 40, 80],
187 childcolumn: [20, 20, 48, 97], 187 childcolumn: [20, 70, 48, 47],
188 childrow: [90, 20, 48, 97] 188 childrow: [90, 20, 48, 97]
189 } 189 }
190 }, 190 },
191 'vertical-lr': { 191 'vertical-lr': {
192 rtl: { 192 rtl: {
193 containersize: verticalContainerSize, 193 containersize: verticalContainerSize,
194 flexitemcolumn: [100, 30, 10, 90], 194 flexitemcolumn: [100, 30, 10, 90],
195 flexitemrow: [50, 100, 10, 20], 195 flexitemrow: [50, 100, 10, 20],
196 childcolumn: [20, 20, 23, 92], 196 childcolumn: [70, 20, 23, 92],
197 childrow: [20, 90, 23, 22] 197 childrow: [20, 90, 23, 22]
198 }, 198 },
199 ltr : { 199 ltr : {
200 containersize: verticalContainerSize, 200 containersize: verticalContainerSize,
201 flexitemcolumn: [100, 30, 10, 40], 201 flexitemcolumn: [100, 30, 10, 40],
202 flexitemrow: [50, 100, 10, 40], 202 flexitemrow: [50, 100, 10, 40],
203 childcolumn: [20, 20, 23, 48], 203 childcolumn: [70, 20, 23, 48],
204 childrow: [20, 90, 23, 48] 204 childrow: [20, 90, 23, 48]
205 } 205 }
206 }, 206 },
207 'vertical-rl': { 207 'vertical-rl': {
208 rtl: { 208 rtl: {
209 containersize: verticalContainerSize, 209 containersize: verticalContainerSize,
210 flexitemcolumn: [100, 30, 30, 90], 210 flexitemcolumn: [100, 30, 30, 90],
211 flexitemrow: [50, 100, 80, 20], 211 flexitemrow: [50, 100, 80, 20],
212 childcolumn: [20, 20, 97, 92], 212 childcolumn: [70, 20, 47, 92],
213 childrow: [20, 90, 97, 22] 213 childrow: [20, 90, 97, 22]
214 }, 214 },
215 ltr : { 215 ltr : {
216 containersize: verticalContainerSize, 216 containersize: verticalContainerSize,
217 flexitemcolumn: [100, 30, 30, 40], 217 flexitemcolumn: [100, 30, 30, 40],
218 flexitemrow: [50, 100, 80, 40], 218 flexitemrow: [50, 100, 80, 40],
219 childcolumn: [20, 20, 97, 48], 219 childcolumn: [70, 20, 47, 48],
220 childrow: [20, 90, 97, 48] 220 childrow: [20, 90, 97, 48]
221 } 221 }
222 } 222 }
223 } 223 }
224 224
225 var writingModes = ['horizontal-tb', 'horizontal-bt', 'vertical-lr', 'vertical-r l']; 225 var writingModes = ['horizontal-tb', 'horizontal-bt', 'vertical-lr', 'vertical-r l'];
226 var flexFlows = ['row', 'column', 'row-reverse', 'column-reverse']; 226 var flexFlows = ['row', 'column', 'row-reverse', 'column-reverse'];
227 var directions = ['rtl', 'ltr']; 227 var directions = ['rtl', 'ltr'];
228 var marginTypes = ['physical', 'logical']; 228 var marginTypes = ['physical', 'logical'];
229 229
(...skipping 22 matching lines...) Expand all
252 '</div>\n'; 252 '</div>\n';
253 253
254 document.body.appendChild(container); 254 document.body.appendChild(container);
255 }) 255 })
256 }) 256 })
257 }) 257 })
258 }) 258 })
259 </script> 259 </script>
260 </body> 260 </body>
261 </html> 261 </html>
OLDNEW
« no previous file with comments | « LayoutTests/css3/flexbox/flex-align-vertical-writing-mode.html ('k') | LayoutTests/css3/flexbox/percent-height-children-of-alignSelf-stretch-flex-item.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698