Skip to content

Commit 2202a6b

Browse files
committed
[css-position-3] Clarify writing mode for various positioned layout rules. #5077
1 parent 5cbed02 commit 2202a6b

File tree

1 file changed

+27
-7
lines changed

1 file changed

+27
-7
lines changed

css-position-3/Overview.bs

+27-7
Original file line numberDiff line numberDiff line change
@@ -584,6 +584,7 @@ Relative Positioning</h3>
584584
<li>
585585
If neither is ''top/auto'',
586586
the position is over-constrained;
587+
(with respect to the [=writing mode=] of its [=containing block=])
587588
the [=computed value|computed=] [=CSS/end=] side value is ignored,
588589
and its [=used value=] becomes the negation of the [=CSS/start=] side.
589590
</ul>
@@ -627,10 +628,11 @@ Sticky positioning</h3>
627628
(For this purpose an ''top/auto'' value represents a zero inset.)
628629
If this results in a [=sticky view rectangle=] size in any axis
629630
less than the size of the [=border box=] of the [=sticky=] box in that axis,
630-
then the effective end-edge inset in the affected axis is reduced
631+
then the effective [=end=]-edge inset in the affected axis is reduced
631632
(possibly becoming negative)
632633
to bring the [=sticky view rectangle=]’s size up to
633-
the size of the [=border box=] in that axis.
634+
the size of the [=border box=] in that axis
635+
(where [=end=] is interpreted relative to the [=writing mode=] of the [=containing block=]).
634636

635637
<div class=example>
636638
For example,
@@ -736,7 +738,8 @@ Absolute (and Fixed) Positioning</h3>
736738
to bring that size up to zero.
737739
In the case that only one inset is ''auto'',
738740
that is the <dfn>weaker inset</dfn>;
739-
otherwise the [=weaker inset=] is the end-edge inset.
741+
otherwise the [=weaker inset=] is the inset of the [=end=] edge
742+
(where [=end=] is interpreted relative to the [=writing mode=] of the [=containing block=]).
740743

741744
Note: Sizing and positioning of the [=absolutely positioned box=]
742745
into this <dfn>inset-modified containing block</dfn>
@@ -909,7 +912,7 @@ Auto Margins of Absolutely-Positioned Boxes</h3>
909912
and this <var>remaining space</var> is divided among
910913
any ''margin/auto'' margins in the relevant axis.
911914
However,
912-
(all with respect to the [=writing mode=] of the [=containing block=])
915+
(all with respect to the [=writing mode=] of the [=containing block=]),
913916
if in the [=inline axis=]
914917
the <var>remaining space</var> is negative
915918
and both margins are ''margin/auto'',
@@ -1654,11 +1657,28 @@ Acknowledgments</h2>
16541657
is determined as above.</ins></p>
16551658
</blockquote>
16561659

1657-
<li>Aligned resolution of auto margins on absolutely-positioned boxes with [[CSS2]].
1658-
(<a href="https://github.com/w3c/csswg-drafts/issues/5374">Issue 5374</a>)
1660+
<li>Aligned resolution of auto margins on positioned boxes with [[CSS2]].
1661+
(<a href="https://github.com/w3c/csswg-drafts/issues/5374">Issue 5374</a>,
1662+
<a href="https://github.com/w3c/csswg-drafts/issues/5077">Issue 5077</a>)
1663+
<blockquote>
1664+
<p>If this results in a [=sticky view rectangle=] size in any axis
1665+
less than the size of the [=border box=] of the [=sticky=] box in that axis,
1666+
then the effective [=end=]-edge inset in the affected axis is reduced
1667+
(possibly becoming negative)
1668+
to bring the [=sticky view rectangle=]’s size up to
1669+
the size of the [=border box=] in that axis
1670+
<ins>(where [=end=] is interpreted relative to the [=writing mode=] of the [=containing block=])</ins>.
1671+
</blockquote>
1672+
<blockquote>
1673+
If neither is ''top/auto'',
1674+
the position is over-constrained;
1675+
<ins>(with respect to the [=writing mode=] of its [=containing block=])</ins>
1676+
the [=computed value|computed=] [=CSS/end=] side value is ignored,
1677+
and its [=used value=] becomes the negation of the [=CSS/start=] side.
1678+
</blockquote>
16591679
<blockquote>
16601680
However,
1661-
<ins>(all with respect to the [=writing mode=] of the [=containing block=])
1681+
<ins>(all with respect to the [=writing mode=] of the [=containing block=]),
16621682
if in the [=inline axis=]</ins>
16631683
the <var>remaining space</var> is negative
16641684
and both margins are ''margin/auto'',

0 commit comments

Comments
 (0)