Skip to content

Commit

Permalink
[css-sizing] Define which HTML elements are 'replaced' and thus compr…
Browse files Browse the repository at this point in the history
…essible. Fixes #1889.
  • Loading branch information
tabatkins committed Oct 27, 2017
1 parent aa7cd79 commit 6a3be51
Showing 1 changed file with 16 additions and 0 deletions.
16 changes: 16 additions & 0 deletions css-sizing-3/Overview.bs
Original file line number Diff line number Diff line change
Expand Up @@ -452,6 +452,10 @@ Intrinsic Contributions</h3>
However, in the case of a [=replaced element|replaced=] box with a percentage-based 'width'/'max-width'/'height'/'max-height',
the percentage is resolved to zero
when calculating the <a>min-content contribution</a> in the corresponding axis.
(See [[#min-content-zero]] for a list of which elements in HTML this applies to.)
The UA may additionally floor this size based on UI considerations,
such as ensuring certain UI elements remain visible
(for example, the dropdown arrow on a <{select}>).

<div class=example>
For example,
Expand Down Expand Up @@ -644,6 +648,18 @@ Extrinsic Size Determination</h2>
overflowing the <code>&lt;article></code>
</div>

<h2 class=no-num id="min-content-zero">
Compressible Replaced Elements</h2>

The following elements can have their <a>min-content size</a> compressed
when their 'width'/'height' or 'max-width'/'max-height' is expressed with a percentage size.
See [[#intrinsic-contribution]].

* All <a>replaced elements</a> that aren't form controls.
See <a href="https://html.spec.whatwg.org/multipage/rendering.html#replaced-elements">HTML&sect;14.4</a>. [[!HTML]]
* <{input}> with any <{input/type}> other than <code>"button"</code>, <code>"submit"</code>, or <code>"reset"</code>.
* <{select}>, <{textarea}>, <{progress}>, <{meter}>.

<h2 class=no-num id="changes">
Changes</h2>

Expand Down

0 comments on commit 6a3be51

Please sign in to comment.