Skip to content

Commit 7d214fa

Browse files
marco-cmarco-c
committed
Bug 1950354 [wpt PR 50926] - layout: Support stretch cross size for automatic min size in flexbox, a=testonly
Automatic update from web-platform-tests layout: Support `stretch` cross size for automatic min size in flexbox The computation of the automatic minimum size may involve transferring a definite cross size into the main axis through the aspect ratio. We were only considering numeric sizes as definite, but `stretch` can also be definite. Signed-off-by: Oriol Brufau <obrufauigalia.com> -- wpt-commits: 1171011d28302ebc41ee5240fa3a88b98d4ad730 wpt-pr: 50926 UltraBlame original commit: 9668de085af58da5129d295b787f0f28d76560f4
1 parent 34b8716 commit 7d214fa

File tree

2 files changed

+592
-0
lines changed

2 files changed

+592
-0
lines changed

‎testing/web-platform/tests/css/css-sizing/stretch/flexbox-auto-minimum-001.html

+296
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,296 @@
1+
<
2+
!
3+
DOCTYPE
4+
html
5+
>
6+
<
7+
meta
8+
charset
9+
=
10+
"
11+
utf
12+
-
13+
8
14+
"
15+
>
16+
<
17+
title
18+
>
19+
Automatic
20+
minimum
21+
size
22+
of
23+
flex
24+
item
25+
with
26+
stretch
27+
cross
28+
size
29+
<
30+
/
31+
title
32+
>
33+
<
34+
link
35+
rel
36+
=
37+
"
38+
author
39+
"
40+
title
41+
=
42+
"
43+
Oriol
44+
Brufau
45+
"
46+
href
47+
=
48+
"
49+
mailto
50+
:
51+
obrufau
52+
igalia
53+
.
54+
com
55+
"
56+
>
57+
<
58+
link
59+
rel
60+
=
61+
"
62+
help
63+
"
64+
href
65+
=
66+
"
67+
https
68+
:
69+
/
70+
/
71+
drafts
72+
.
73+
csswg
74+
.
75+
org
76+
/
77+
css
78+
-
79+
sizing
80+
-
81+
4
82+
/
83+
#
84+
stretch
85+
-
86+
fit
87+
-
88+
sizing
89+
"
90+
>
91+
<
92+
link
93+
rel
94+
=
95+
"
96+
help
97+
"
98+
href
99+
=
100+
"
101+
https
102+
:
103+
/
104+
/
105+
drafts
106+
.
107+
csswg
108+
.
109+
org
110+
/
111+
css
112+
-
113+
flexbox
114+
-
115+
1
116+
/
117+
#
118+
min
119+
-
120+
size
121+
-
122+
auto
123+
"
124+
>
125+
<
126+
link
127+
rel
128+
=
129+
"
130+
match
131+
"
132+
href
133+
=
134+
"
135+
.
136+
.
137+
/
138+
.
139+
.
140+
/
141+
reference
142+
/
143+
ref
144+
-
145+
filled
146+
-
147+
green
148+
-
149+
200px
150+
-
151+
square
152+
.
153+
html
154+
"
155+
>
156+
<
157+
meta
158+
assert
159+
=
160+
"
161+
A
162+
definite
163+
stretch
164+
cross
165+
size
166+
can
167+
be
168+
transferred
169+
through
170+
the
171+
aspect
172+
ratio
173+
when
174+
computing
175+
the
176+
automatic
177+
minimum
178+
size
179+
of
180+
a
181+
flex
182+
item
183+
.
184+
"
185+
>
186+
<
187+
style
188+
>
189+
div
190+
{
191+
display
192+
:
193+
flex
194+
;
195+
flex
196+
-
197+
direction
198+
:
199+
column
200+
;
201+
height
202+
:
203+
200px
204+
;
205+
width
206+
:
207+
200px
208+
;
209+
background
210+
:
211+
red
212+
;
213+
}
214+
canvas
215+
{
216+
width
217+
:
218+
stretch
219+
;
220+
align
221+
-
222+
self
223+
:
224+
start
225+
;
226+
flex
227+
-
228+
basis
229+
:
230+
0
231+
;
232+
background
233+
:
234+
green
235+
;
236+
}
237+
<
238+
/
239+
style
240+
>
241+
<
242+
p
243+
>
244+
Test
245+
passes
246+
if
247+
there
248+
is
249+
a
250+
filled
251+
green
252+
square
253+
and
254+
<
255+
strong
256+
>
257+
no
258+
red
259+
<
260+
/
261+
strong
262+
>
263+
.
264+
<
265+
/
266+
p
267+
>
268+
<
269+
div
270+
class
271+
=
272+
"
273+
flex
274+
"
275+
>
276+
<
277+
canvas
278+
width
279+
=
280+
"
281+
100
282+
"
283+
height
284+
=
285+
"
286+
100
287+
"
288+
>
289+
<
290+
/
291+
canvas
292+
>
293+
<
294+
/
295+
div
296+
>

0 commit comments

Comments
 (0)