You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Changed the behavior of the new ''min-width/auto'' initial value of 'min-width'/'min-height' to
2824
2817
<ul>
2825
2818
<li>Take into account whether 'overflow' is ''visible'', since when 'overflow' is explicitly handled, it is confusing (and unnecessary) to force enough size to show all the content.
This section is under discussion. See <ahref=issues-cr-2012#issue-19>Issue </a>.
933
-
934
930
<p> To provide a more reasonable default minimum size for <adata-link-type=dfnhref=#flex-itemtitle="flex items">flex items</a>,
935
931
this specification introduces a new <spanclass=cssdata-link-for=min-widthdata-link-type=maybetitle=auto>auto</span> value
936
932
as the initial value of the <aclass=propertydata-link-type=propdeschref=http://www.w3.org/TR/CSS21/visudet.html#propdef-min-widthtitle=min-width>min-width</a> and <aclass=propertydata-link-type=propdeschref=http://www.w3.org/TR/CSS21/visudet.html#propdef-min-heighttitle=min-height>min-height</a> properties defined in CSS 2.1. <adata-biblio-type=normativedata-link-type=bibliohref=#css21title=css21>[CSS21]</a>
Reverted the initial value of <aclass=propertydata-link-type=propdeschref=http://www.w3.org/TR/CSS21/visudet.html#propdef-min-widthtitle=min-width>min-width</a>/<aclass=propertydata-link-type=propdeschref=http://www.w3.org/TR/CSS21/visudet.html#propdef-min-heighttitle=min-height>min-height</a> back to being <spanclass=cssdata-link-type=maybetitle=0>0</span> (not <aclass=css-codedata-link-for=widthdata-link-type=valuetitle=auto>auto</a>).
Changed the behavior of the new <spanclass=cssdata-link-for=min-widthdata-link-type=maybetitle=auto>auto</span> initial value of <aclass=propertydata-link-type=propdeschref=http://www.w3.org/TR/CSS21/visudet.html#propdef-min-widthtitle=min-width>min-width</a>/<aclass=propertydata-link-type=propdeschref=http://www.w3.org/TR/CSS21/visudet.html#propdef-min-heighttitle=min-height>min-height</a> to
2827
2819
<ul>
2828
2820
<li>Take into account whether <aclass=propertydata-link-type=propdeschref=http://dev.w3.org/csswg/css-overflow-3/#overflow0title=overflow>overflow</a> is <spanclass=cssdata-link-type=maybetitle=visible>visible</span>, since when <aclass=propertydata-link-type=propdeschref=http://dev.w3.org/csswg/css-overflow-3/#overflow0title=overflow>overflow</a> is explicitly handled, it is confusing (and unnecessary) to force enough size to show all the content.
This section is under discussion. See <ahref=issues-cr-2012#issue-19>Issue </a>.
3430
-
3431
-
<p> To provide a more reasonable default minimum size for <adata-link-type=dfnhref=#flex-itemtitle="flex items">flex items</a>,
3432
-
this specification introduces a new <spanclass=cssdata-link-for=min-widthdata-link-type=maybetitle=auto>auto</span> value
3433
-
as the initial value of the <aclass=propertydata-link-type=propdeschref=http://www.w3.org/TR/CSS21/visudet.html#propdef-min-widthtitle=min-width>min-width</a> and <aclass=propertydata-link-type=propdeschref=http://www.w3.org/TR/CSS21/visudet.html#propdef-min-heighttitle=min-height>min-height</a> properties defined in CSS 2.1. <adata-biblio-type=normativedata-link-type=bibliohref=#css21title=css21>[CSS21]</a>
3434
-
3435
-
<tableclass="definition propdef partial"><tr><th>Name:<td><aclass=css-codedata-link-type=propertyhref=http://www.w3.org/TR/CSS21/visudet.html#propdef-min-widthtitle=min-width>min-width</a>, <aclass=css-codedata-link-type=propertyhref=http://www.w3.org/TR/CSS21/visudet.html#propdef-min-heighttitle=min-height>min-height</a><tr><th>New values:<td>auto<tr><th>New computed value:<td>the percentage as specified or the absolute length or a keyword<tr><th>New initial value:<td>auto</table>
On a <adata-link-type=dfnhref=#flex-itemtitle="flex item">flex item</a> whose <aclass=propertydata-link-type=propdeschref=http://dev.w3.org/csswg/css-overflow-3/#overflow0title=overflow>overflow</a> is not <spanclass=cssdata-link-for=overflowdata-link-type=maybetitle=visible>visible</span>,
3440
-
this keyword specifies as the minimum size the smaller of:
3441
-
3442
-
<p><ul>
3443
-
<li>the <adata-link-type=dfnhref=http://dev.w3.org/csswg/css-sizing-3/#min-content-measuretitle="min-content size">min-content size</a>, or
3444
-
<li>the computed <aclass=propertydata-link-type=propdeschref=http://www.w3.org/TR/CSS21/visudet.html#propdef-widthtitle=width>width</a>/<aclass=propertydata-link-type=propdeschref=http://www.w3.org/TR/CSS21/visudet.html#propdef-heighttitle=height>height</a>, if that value is <adata-link-type=dfnhref=#definitetitle=definite>definite</a>.
3445
-
</ul>
3446
-
3447
-
<p> Otherwise,
3448
-
this keyword computes to <spanclass=cssdata-link-type=maybetitle=0>0</span>
3449
-
(unless otherwise defined by a future specification).
3450
-
</dl>
3451
-
3452
-
<divclass=note>
3453
-
<p>
3454
-
Note that while a content-based minimum size is often appropriate,
3455
-
and helps prevent content from overlapping or spilling outside its container,
3456
-
in some cases it is not:
3457
-
3458
-
<p>
3459
-
In particular, if flex sizing is being used for a major content area of a document,
3460
-
it is better to set an explicit font-relative minimum width such as <aclass=cssdata-link-type=propdeschref=http://www.w3.org/TR/CSS21/visudet.html#propdef-min-widthtitle=min-width>min-width: 12em</a>.
3461
-
A content-based minimum width could result in a large table or large image
3462
-
stretching the size of the entire content area into an overflow zone,
3463
-
and thereby making lines of text gratuitously long and hard to read.
3464
-
3465
-
<p>
3466
-
Note also, when content-based sizing is used on an item with large amounts of content,
3467
-
the layout engine must traverse all of this content before finding its minimum size,
3468
-
whereas if the author sets an explicit minimum, this is not necessary.
3469
-
(For items with small amounts of content, however,
3470
-
this traversal is trivial and therefore not a performance concern.)
3471
-
</div>
3472
-
<ahref=#issue-840085c1> ↵ </a></div>
3473
-
3474
-
3475
-
<divclass=issue>
3476
-
Reverted the initial value of <aclass=propertydata-link-type=propdeschref=http://www.w3.org/TR/CSS21/visudet.html#propdef-min-widthtitle=min-width>min-width</a>/<aclass=propertydata-link-type=propdeschref=http://www.w3.org/TR/CSS21/visudet.html#propdef-min-heighttitle=min-height>min-height</a> back to being <spanclass=cssdata-link-type=maybetitle=0>0</span> (not <aclass=css-codedata-link-for=widthdata-link-type=valuetitle=auto>auto</a>).
Changed the behavior of the new <spanclass=cssdata-link-for=min-widthdata-link-type=maybetitle=auto>auto</span> initial value of <aclass=propertydata-link-type=propdeschref=http://www.w3.org/TR/CSS21/visudet.html#propdef-min-widthtitle=min-width>min-width</a>/<aclass=propertydata-link-type=propdeschref=http://www.w3.org/TR/CSS21/visudet.html#propdef-min-heighttitle=min-height>min-height</a> to
3480
-
<ul>
3481
-
<li>Take into account whether <aclass=propertydata-link-type=propdeschref=http://dev.w3.org/csswg/css-overflow-3/#overflow0title=overflow>overflow</a> is <spanclass=cssdata-link-type=maybetitle=visible>visible</span>, since when <aclass=propertydata-link-type=propdeschref=http://dev.w3.org/csswg/css-overflow-3/#overflow0title=overflow>overflow</a> is explicitly handled, it is confusing (and unnecessary) to force enough size to show all the content.
3482
-
<li>Take into account the specified <aclass=propertydata-link-type=propdeschref=http://www.w3.org/TR/CSS21/visudet.html#propdef-widthtitle=width>width</a>/<aclass=propertydata-link-type=propdeschref=http://www.w3.org/TR/CSS21/visudet.html#propdef-heighttitle=height>height</a>, so that the implied minimum is never greater than the specified size.
3483
-
<li>Compute to itself (not to <spanclass=cssdata-link-type=maybetitle=min-content>min-content</span>) on flex items, since they are no longer equivalent (due to above changes).
<p>When used as the value of a flex item’s min main size property,
3492
-
this keyword indicates a minimum of the min-content size,
3493
-
to help ensure that the item is large enough to fit its contents.
3494
-
<pclass=note>
3495
-
It is intended that this will compute to the <spanclass=cssdata-link-type=maybetitle=min-content>min-content</span> keyword
3496
-
when the specification defining it (<ahref=http://www.w3.org/TR/css3-writing-modes/#intrinsic-sizing>Writing Modes Appendix D</a>) is sufficiently mature.
3497
-
3498
-
<ins>
3499
-
</ins><p>On a <adata-link-type=dfnhref=#flex-itemtitle="flex item">flex item</a> whose <aclass=propertydata-link-type=propdeschref=http://dev.w3.org/csswg/css-overflow-3/#overflow0title=overflow>overflow</a> is not <spanclass=cssdata-link-for=overflowdata-link-type=maybetitle=visible>visible</span>,
3500
-
this keyword specifies as the minimum size the smaller of:
3501
-
3502
-
<p><ul>
3503
-
<li>the <adata-link-type=dfnhref=http://dev.w3.org/csswg/css-sizing-3/#min-content-measuretitle="min-content size">min-content size</a>, or
3504
-
<li>the computed <aclass=propertydata-link-type=propdeschref=http://www.w3.org/TR/CSS21/visudet.html#propdef-widthtitle=width>width</a>/<aclass=propertydata-link-type=propdeschref=http://www.w3.org/TR/CSS21/visudet.html#propdef-heighttitle=height>height</a>, if that value is <adata-link-type=dfnhref=#definitetitle=definite>definite</a>.
0 commit comments