Skip to content

Commit c35d053

Browse files
committed
[css-anchor-position-1] Remove text about anchor-center causing the element to shift to stay in view; we want that for other alignments, too.
1 parent ab03dd7 commit c35d053

File tree

1 file changed

+43
-53
lines changed

1 file changed

+43
-53
lines changed

css-anchor-position-1/Overview.bs

+43-53
Original file line numberDiff line numberDiff line change
@@ -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

576576
The ''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=],
781781
then it is aligned so as to center itself
782782
over the [=default anchor element=]
783783
in 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

790785
Additionally,
791786
if both [=inset properties=] in the appropriate axis are ''top/auto'',
@@ -805,20 +800,15 @@ or does not have a [=default anchor element=],
805800
this value behaves as ''<self-position>/center''
806801
and 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

927917
Anchor-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

12061196
The ''@position-try'' Rule {#fallback-rule}

0 commit comments

Comments
 (0)