@@ -452,6 +452,10 @@ Intrinsic Contributions</h3>
452
452
However, in the case of a [=replaced element|replaced=] box with a percentage-based 'width' /'max-width' /'height' /'max-height' ,
453
453
the percentage is resolved to zero
454
454
when calculating the <a>min-content contribution</a> in the corresponding axis.
455
+ (See [[#min-content-zero]] for a list of which elements in HTML this applies to.)
456
+ The UA may additionally floor this size based on UI considerations,
457
+ such as ensuring certain UI elements remain visible
458
+ (for example, the dropdown arrow on a <{select}> ).
455
459
456
460
<div class=example>
457
461
For example,
@@ -644,6 +648,18 @@ Extrinsic Size Determination</h2>
644
648
overflowing the <code> <article></code>
645
649
</div>
646
650
651
+ <h2 class=no-num id="min-content-zero">
652
+ Compressible Replaced Elements</h2>
653
+
654
+ The following elements can have their <a>min-content size</a> compressed
655
+ when their 'width' /'height' or 'max-width' /'max-height' is expressed with a percentage size.
656
+ See [[#intrinsic-contribution]] .
657
+
658
+ * All <a>replaced elements</a> that aren't form controls.
659
+ See <a href="https://html.spec.whatwg.org/multipage/rendering.html#replaced-elements">HTML§14.4</a> . [[!HTML]]
660
+ * <{input}> with any <{input/type}> other than <code> "button"</code> , <code> "submit"</code> , or <code> "reset"</code> .
661
+ * <{select}> , <{textarea}> , <{progress}> , <{meter}> .
662
+
647
663
<h2 class=no-num id="changes">
648
664
Changes</h2>
649
665
0 commit comments