Skip to content

Commit 9594b70

Browse files
committed
[css-position-3] Define automatic sizing of non-replaced abspos boxes with an aspect ratio. w3c#5151
1 parent 81b8148 commit 9594b70

1 file changed

Lines changed: 19 additions & 1 deletion

File tree

css-position-3/Overview.bs

Lines changed: 19 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -885,6 +885,16 @@ Automatic Sizes of Absolutely-Positioned Boxes</h3>
885885
or if it is ''align-self/normal'' and the box is [=replaced=],
886886
its [=automatic size=] is its [=fit-content size=].
887887

888+
However, if the box has an aspect-ratio,
889+
then an [=automatic size=] in the [=ratio-dependent=] axis
890+
is instead resolved as a [=max-content size=].
891+
When both axes have an [=automatic size=],
892+
if only one axis has an ''inset/auto'' inset
893+
then that axis is the [=ratio-dependent=] axis,
894+
else the [=inline axis=] is the [=ratio-dependent=] axis.
895+
An [=automatic size=] in the [=ratio-determining=] axis
896+
is determined as above.
897+
888898
The [=automatic minimum size=] of an absolutely-positioned box is always zero.
889899

890900
<h3 id="abspos-margins">
@@ -1624,7 +1634,15 @@ Acknowledgments</h2>
16241634
<h2 class="no-num" id="changes">Changes</h2>
16251635

16261636
The following significant changes were made since the
1627-
<a href="https://www.w3.org/TR/2016/WD-css-position-3-20160517/">17 May 2016 Working Draft</a>
1637+
<a href="https://www.w3.org/TR/2020/WD-css-position-3-20200519/">19 May 2020 Working Draft</a>:
1638+
1639+
<ul>
1640+
<li>Defined automatic sizing of non-replaced absolutely-positioned boxes with an aspect ratio.
1641+
(<a href="https://github.com/w3c/csswg-drafts/issues/5151">Issue 5151</a>)
1642+
</ul>
1643+
1644+
The following significant changes were made since the
1645+
<a href="https://www.w3.org/TR/2016/WD-css-position-3-20160517/">17 May 2016 Working Draft</a>:
16281646

16291647
<ul>
16301648
<li>Rewrote the whole spec for editorial clarity, technical precision, and compatibility with [[CSS-ALIGN-3]], [[CSS-WRITING-MODES-3]], [[CSS-BREAK-3]], and [[CSS-DISPLAY-3]].

0 commit comments

Comments
 (0)