Skip to content

Commit 6eddf19

Browse files
committed
[css-anchor-position-1] Fix the default alignment for a 2-region inset-area. w3c#10313
1 parent f5da764 commit 6eddf19

File tree

1 file changed

+8
-3
lines changed

1 file changed

+8
-3
lines changed

css-anchor-position-1/Overview.bs

Lines changed: 8 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -660,9 +660,11 @@ The <<inset-area>> also implies a default [=self-alignment=],
660660
which will be used if the [=self-alignment property=] on the element
661661
is ''align-self/normal'':
662662

663-
* If the inset area includes the center region in an axis
663+
* If the only the center region in an axis is selected,
664+
or all three regions are selected,
664665
the default alignment in that axis is ''align-self/anchor-center''.
665-
* Otherwise, it's the opposite of the region it specifies:
666+
* Otherwise, the default alignment in that axis
667+
is toward the non-specified side region:
666668
if it's specifying the "start" region of its axis,
667669
the default alignment in that axis is ''align-self/end''; etc.
668670

@@ -671,7 +673,10 @@ is ''align-self/normal'':
671673
then the value ''span-x-start top'' resolves to
672674
the "start" region of the vertical axis,
673675
and the "start" and "center" regions of the horizontal axis,
674-
so the default alignments will be ''align-self: end;'' and ''justify-self: anchor-center;''
676+
so the default alignments will be ''align-self: end''
677+
(making the element's bottom flush with the bottom of the "top" region)
678+
and ''justify-self: end''
679+
(making the element's end side flush with the end side of the "start+center" region).
675680

676681
<figure>
677682
<img src="images/inset-area-example.png" width=400>

0 commit comments

Comments
 (0)