Skip to content

Commit a5044be

Browse files
committed
[css-sizing-4] Fix aspect-ratio min/max transfer rules to not violate CSS2+Flexbox. #6071
1 parent 02f011e commit a5044be

File tree

1 file changed

+9
-2
lines changed

1 file changed

+9
-2
lines changed

css-sizing-4/Overview.bs

+9-2
Original file line numberDiff line numberDiff line change
@@ -422,7 +422,9 @@ Min/Max Size Transfers</h3>
422422
Sizing constraints in either axis
423423
(the <var>origin</var> axis)
424424
are transferred through the [=preferred aspect ratio=]
425-
to the other axis (the <var>destination</var> axis)
425+
and applied to any [=indefinite=]
426+
[=minimum size|minimum=], [=maximum size|maximum=], or [=preferred size|preferred=] size
427+
in the other axis (the <var>destination</var> axis)
426428
as follows:
427429

428430
* First, any [=definite=] [=minimum size=] is converted and transferred
@@ -437,11 +439,16 @@ Min/Max Size Transfers</h3>
437439
in the <var>destination</var> axis
438440
as well as by the transferred minimum, if any.
439441

442+
Note: Thus, any definite sizes are completely unaffected by a transferred constraint;
443+
and a transferred minimum will never cause an element to exceed a definite preferred/maximum size,
444+
nor will a transferred maximum cause an element to violate its preferred/minimum size.
445+
440446
Note: The basic principle is that sizing constraints
441447
transfer through the aspect-ratio to the other side
442448
to preserve the aspect ratio to the extent that they can
443449
without violating any sizes specified explicitly on that affected axis.
444-
<!-- This is the principle that drove the contents of the table in CSS2 Section 10.4. -->
450+
(This is the principle that drove the contents of
451+
the <a href="https://www.w3.org/TR/CSS2/visudet.html#min-max-widths">constraint table in CSS2 Section 10.4</a>.)
445452

446453
<div class="example">
447454
In the following example:

0 commit comments

Comments
 (0)