File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change @@ -3222,6 +3222,11 @@ <h3 id=cross-sizing><span class=secno>9.4. </span> Cross Size Determination</h3>
32223222 item</ strong > by performing layout with the used main size and the
32233223 available space, treating ‘< code class =css > auto</ code > ’ as ‘< code
32243224 class =css > fit-content</ code > ’.
3225+ < p class ="note issue "> Note that if the flex item's cross size is
3226+ indefinite, any children with percentage cross sizes will be resolved as
3227+ for ‘< code class =css > auto</ code > ’. However, if the flex item is
3228+ ‘< code class =css > align-self: stretch</ code > ’, these will be resolved
3229+ in a later step.
32253230
32263231 < li id =algo-cross-line > < strong > Calculate the cross size of each flex
32273232 line.</ strong >
@@ -3289,6 +3294,11 @@ <h3 id=cross-sizing><span class=secno>9.4. </span> Cross Size Determination</h3>
32893294 href ="#hypothetical-cross-size "> < i > hypothetical cross size</ i > </ a > .
32903295 < p class =note > Note that this step does not affect the main size of the
32913296 flex item, even if it has an intrinsic aspect ratio.
3297+
3298+ < p class =issue > Proposed text: If the flex item has ‘< code
3299+ class =css > align-self: stretch</ code > ’, redo layout for its contents,
3300+ treating this used size as its definite cross size so that
3301+ percentage-sized children can be resolved.
32923302 </ ol >
32933303
32943304 < h3 id =main-alignment > < span class =secno > 9.5. </ span > Main-Axis Alignment</ h3 >
Original file line number Diff line number Diff line change @@ -2483,6 +2483,12 @@ <h3 id='cross-sizing'>
24832483 by performing layout with the used main size and the available space,
24842484 treating ''auto'' as ''fit-content''.
24852485
2486+ < p class ='note issue '>
2487+ Note that if the flex item's cross size is indefinite,
2488+ any children with percentage cross sizes will be resolved as for ''auto''.
2489+ However, if the flex item is ''align-self: stretch'',
2490+ these will be resolved in a later step.
2491+
24862492 < li id ='algo-cross-line '>
24872493 < strong > Calculate the cross size of each flex line.</ strong >
24882494
@@ -2557,6 +2563,13 @@ <h3 id='cross-sizing'>
25572563 < p class ='note '>
25582564 Note that this step does not affect the main size of the flex item,
25592565 even if it has an intrinsic aspect ratio.
2566+
2567+ < p class ='issue '>
2568+ Proposed text:
2569+ If the flex item has ''align-self: stretch'',
2570+ redo layout for its contents,
2571+ treating this used size as its definite cross size
2572+ so that percentage-sized children can be resolved.
25602573 </ ol >
25612574
25622575< h3 id ='main-alignment '>
You can’t perform that action at this time.
0 commit comments