@@ -106,11 +106,11 @@ Determining The Anchor {#determining}
106106<!-- Big Text: a-name
107107
108108 ███▌ █ █▌ ███▌ █ █ █████▌
109- ▐█ ▐█ █▌ █▌ ▐█ ▐█ ██ ██ █▌
110- █▌ █▌ ██▌ █▌ █▌ █▌ █▌█ █▐█ █▌
111- █▌ █▌ ████▌ █▌▐█ █▌ █▌ █▌ █▌ █ ▐█ ████
112- █████▌ █▌ ██▌ █████▌ █▌ ▐█ █▌
113- █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█ █▌
109+ ▐█ ▐█ █▌ █▌ ▐█ ▐█ ██ ██ █▌
110+ █▌ █▌ ██▌ █▌ █▌ █▌ █▌█ █▐█ █▌
111+ █▌ █▌ ████▌ █▌▐█ █▌ █▌ █▌ █▌ █ ▐█ ████
112+ █████▌ █▌ ██▌ █████▌ █▌ ▐█ █▌
113+ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█ █▌
114114█▌ █▌ █▌ ▐▌ █▌ █▌ █▌ ▐█ █████▌
115115-->
116116
@@ -271,12 +271,12 @@ or nothing (a missing specifier).
271271<!-- Big Text: default
272272
273273████▌ █████▌ █████▌ ███▌ █▌ █▌ █▌ █████▌
274- █▌ █▌ █▌ █▌ ▐█ ▐█ █▌ █▌ █▌ █▌
275- █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
276- █▌ █▌ ████ ████ █▌ █▌ █▌ █▌ █▌ █▌
277- █▌ █▌ █▌ █▌ █████▌ █▌ █▌ █▌ █▌
278- █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
279- ████▌ █████▌ █▌ █▌ █▌ ███▌ █████ █▌
274+ █▌ █▌ █▌ █▌ ▐█ ▐█ █▌ █▌ █▌ █▌
275+ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
276+ █▌ █▌ ████ ████ █▌ █▌ █▌ █▌ █▌ █▌
277+ █▌ █▌ █▌ █▌ █████▌ █▌ █▌ █▌ █▌
278+ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
279+ ████▌ █████▌ █▌ █▌ █▌ ███▌ █████ █▌
280280-->
281281
282282<h3 id=anchor-default>
@@ -349,8 +349,8 @@ to explicitly refer to edges of an [=anchor element=].
349349
350350<!-- Big Text: inset-area
351351
352- ████ █ █▌ ███▌ █████▌ █████▌ ███▌ ████▌ █████▌ ███▌
353- ▐▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█ ▐█ █▌ █▌ █▌ ▐█ ▐█
352+ ████ █ █▌ ███▌ █████▌ █████▌ ███▌ ████▌ █████▌ ███▌
353+ ▐▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█ ▐█ █▌ █▌ █▌ ▐█ ▐█
354354 ▐▌ ██▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
355355 ▐▌ █▌▐█ █▌ ███▌ ████ █▌ ████▌ █▌ █▌ ████▌ ████ █▌ █▌
356356 ▐▌ █▌ ██▌ █▌ █▌ █▌ █████▌ █▌▐█ █▌ █████▌
@@ -564,13 +564,13 @@ will resolve the contradiction.
564564
565565<!-- Big Text: anchor()
566566
567- ███▌ █ █▌ ███▌ █▌ █▌ ███▌ ████▌ ██ ██
568- ▐█ ▐█ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█
567+ ███▌ █ █▌ ███▌ █▌ █▌ ███▌ ████▌ ██ ██
568+ ▐█ ▐█ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█
569569█▌ █▌ ██▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█
570570█▌ █▌ █▌▐█ █▌ █▌ █████▌ █▌ █▌ ████▌ █▌ ▐█
571571█████▌ █▌ ██▌ █▌ █▌ █▌ █▌ █▌ █▌▐█ █▌ ▐█
572- █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█ █▌ ▐█
573- █▌ █▌ █▌ ▐▌ ███▌ █▌ █▌ ███▌ █▌ █▌ ██ ██
572+ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█ █▌ ▐█
573+ █▌ █▌ █▌ ▐▌ ███▌ █▌ █▌ ███▌ █▌ █▌ ██ ██
574574-->
575575
576576The ''anchor()'' Function {#anchor-pos}
@@ -749,12 +749,12 @@ as if by an additional ''translate()'' transform.
749749
750750<!-- Big Text: a-center
751751
752- ███▌ ███▌ █████▌ █ █▌ █████▌ █████▌ ████▌
752+ ███▌ ███▌ █████▌ █ █▌ █████▌ █████▌ ████▌
753753▐█ ▐█ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
754754█▌ █▌ █▌ █▌ ██▌ █▌ █▌ █▌ █▌ █▌
755- █▌ █▌ ████▌ █▌ ████ █▌▐█ █▌ █▌ ████ ████▌
756- █████▌ █▌ █▌ █▌ ██▌ █▌ █▌ █▌▐█
757- █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█
755+ █▌ █▌ ████▌ █▌ ████ █▌▐█ █▌ █▌ ████ ████▌
756+ █████▌ █▌ █▌ █▌ ██▌ █▌ █▌ █▌▐█
757+ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█
758758█▌ █▌ ███▌ █████▌ █▌ ▐▌ █▌ █████▌ █▌ █▌
759759-->
760760
@@ -781,11 +781,6 @@ if the positioned element has a [=default anchor element=],
781781then it is aligned so as to center itself
782782over the [=default anchor element=]
783783in the appropriate axis.
784- If this alignment would cause it to overflow its [=inset-modified containing block=]
785- in the appropriate axis,
786- it instead is aligned flush with the side that it would have overflowed;
787- if it would overflow both sides,
788- it's instead aligned as for ''justify-self/start'' .
789784
790785Additionally,
791786if both [=inset properties=] in the appropriate axis are ''top/auto'' ,
@@ -805,20 +800,15 @@ or does not have a [=default anchor element=],
805800this value behaves as ''<self-position>/center''
806801and has no additional effect on how [=inset properties=] resolve.
807802
808- Issue: Do we want to hook the "try to stay in the IMCB" behavior to safe vs unsafe?
809- Right now it'll only trigger fallback if it overflows both sides;
810- it might be useful to be able to trigger fallback
811- as soon as it can't center itself.
812-
813803
814804<!-- Big Text: scroll
815805
816- ███▌ ███▌ ████▌ ███▌ █▌ █▌
817- █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
818- █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
819- ███▌ █▌ ████▌ █▌ █▌ █▌ █▌
820- █▌ █▌ █▌▐█ █▌ █▌ █▌ █▌
821- █▌ █▌ █▌ █▌ █▌ ▐█ █▌ █▌ █▌ █▌
806+ ███▌ ███▌ ████▌ ███▌ █▌ █▌
807+ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
808+ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
809+ ███▌ █▌ ████▌ █▌ █▌ █▌ █▌
810+ █▌ █▌ █▌▐█ █▌ █▌ █▌ █▌
811+ █▌ █▌ █▌ █▌ █▌ ▐█ █▌ █▌ █▌ █▌
822812 ███▌ ███▌ █▌ █▌ ███▌ █████ █████
823813-->
824814
@@ -915,13 +905,13 @@ it resolves to ''0px''.
915905
916906<!-- Big Text: a-size()
917907
918- ███▌ ███▌ ████ █████▌ █████▌ ██ ██
919- ▐█ ▐█ █▌ █▌ ▐▌ ▐▌ █▌ █▌ ▐█
908+ ███▌ ███▌ ████ █████▌ █████▌ ██ ██
909+ ▐█ ▐█ █▌ █▌ ▐▌ ▐▌ █▌ █▌ ▐█
920910█▌ █▌ █▌ ▐▌ ▐▌ █▌ █▌ ▐█
921911█▌ █▌ ████▌ ███▌ ▐▌ █▌ ████ █▌ ▐█
922912█████▌ █▌ ▐▌ █ █▌ █▌ ▐█
923- █▌ █▌ █▌ █▌ ▐▌ █ █▌ █▌ ▐█
924- █▌ █▌ ███▌ ████ █████▌ █████▌ ██ ██
913+ █▌ █▌ █▌ █▌ ▐▌ █ █▌ █▌ ▐█
914+ █▌ █▌ ███▌ ████ █████▌ █████▌ ██ ██
925915-->
926916
927917Anchor-based Sizing {#sizing}
@@ -994,11 +984,11 @@ it resolves to ''0px''.
994984<!-- Big Text: fallback
995985
996986█████▌ ███▌ █▌ █▌ ████▌ ███▌ ███▌ █▌ █▌
997- █▌ ▐█ ▐█ █▌ █▌ █▌ █▌ ▐█ ▐█ █▌ █▌ █▌ █▌
998- █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌█▌
999- ████ █▌ █▌ █▌ █▌ █████ █▌ █▌ █▌ ██
1000- █▌ █████▌ █▌ █▌ █▌ █▌ █████▌ █▌ █▌█▌
1001- █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
987+ █▌ ▐█ ▐█ █▌ █▌ █▌ █▌ ▐█ ▐█ █▌ █▌ █▌ █▌
988+ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌█▌
989+ ████ █▌ █▌ █▌ █▌ █████ █▌ █▌ █▌ ██
990+ █▌ █████▌ █▌ █▌ █▌ █▌ █████▌ █▌ █▌█▌
991+ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
1002992█▌ █▌ █▌ █████ █████ ████▌ █▌ █▌ ███▌ █▌ █▌
1003993-->
1004994
@@ -1192,15 +1182,15 @@ this property determines which [=position option=] to use.
11921182</dl>
11931183
11941184
1195- <!-- Big Text: @pos-try
1185+ <!-- Big Text: @pos-try
11961186
11971187 ████▌ ████▌ ███▌ ███▌ █████▌ ████▌ █ ▐▌
1198- █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐▌ █
1199- █▌▐█ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █ ▐▌
1200- █▌▐█ █▌ ████▌ █▌ █▌ ███▌ ████▌ █▌ ████▌ ▐▌█
1201- █▌ ██▌ █▌ █▌ █▌ █▌ █▌ █▌▐█ █▌
1202- █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█ █▌
1203- ████▌ █▌ ███▌ ███▌ █▌ █▌ █▌ █▌
1188+ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐▌ █
1189+ █▌▐█ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █ ▐▌
1190+ █▌▐█ █▌ ████▌ █▌ █▌ ███▌ ████▌ █▌ ████▌ ▐▌█
1191+ █▌ ██▌ █▌ █▌ █▌ █▌ █▌ █▌▐█ █▌
1192+ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█ █▌
1193+ ████▌ █▌ ███▌ ███▌ █▌ █▌ █▌ █▌
12041194-->
12051195
12061196The ''@position-try'' Rule {#fallback-rule}
0 commit comments