Skip to content

Commit b12bb35

Browse files
committed
[css-flexbox] Add issue about resolving unresolvable percentages in flex item contents. (IE already does it.)
1 parent 0e99b14 commit b12bb35

2 files changed

Lines changed: 23 additions & 0 deletions

File tree

css-flexbox/Overview.html

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff 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>

css-flexbox/Overview.src.html

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff 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'>

0 commit comments

Comments
 (0)