Skip to content

Commit a0064be

Browse files
committed
[css-anchor-position-1] Make anchor-center also use scrollable containing block #12952
1 parent ccb66ec commit a0064be

File tree

1 file changed

+14
-39
lines changed

1 file changed

+14
-39
lines changed

css-anchor-position-1/Overview.bs

Lines changed: 14 additions & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -648,7 +648,7 @@ what area of this [=position-area grid=] to lay out the positioned box in.
648648
Values other than ''position-area/none'' have the following additional effects:
649649

650650
* The [=scrollable containing block=] is used in place of the [=local containing block=]
651-
where applicable,
651+
when the [=absolute-position containing block=] is generated by a [=scroll container=],
652652
so that the entire [=scrollable overflow area=] (typically) is available
653653
for positioning.
654654
* Any ''top/auto'' [=inset properties=] resolve to ''0''.
@@ -1312,9 +1312,12 @@ if the positioned box has a [=default anchor box=],
13121312
then it is centered (insofar as possible)
13131313
over the [=default anchor box=]
13141314
in the relevant axis.
1315-
1316-
Additionally,
1317-
any ''top/auto'' [=inset properties=] resolve to ''0''.
1315+
Additionally:
1316+
* The [=scrollable containing block=] is used in place of the [=local containing block=]
1317+
where applicable,
1318+
so that the entire [=scrollable overflow area=] (typically) is available
1319+
for positioning.
1320+
* Any ''top/auto'' [=inset properties=] resolve to ''0''.
13181321

13191322
If the box is not [=absolutely positioned=],
13201323
or does not have a [=default anchor box=],
@@ -2605,38 +2608,10 @@ No Privacy issues have been raised against this document.
26052608
Changes {#changes}
26062609
=======
26072610

2608-
Significant changes since the <a href="https://www.w3.org/TR/2025/WD-css-anchor-position-1-20250509/">9 May 2025 Working Draft</a>:
2609-
2610-
* Rename <css>x/y-self-start/end</css> keywords to <css>self-x/y-start/end</css> for 'position-area'
2611-
due to persistent confusion about the ordering.
2612-
(<a href="https://github.com/w3c/csswg-drafts/issues/12749">Issue 12749</a>)
2613-
* Make 'position-area' use the (newly defined) [=scrollable containing block=]
2614-
when the box's [=containing block=] is a [=scroll container=].
2615-
(<a href="https://github.com/w3c/csswg-drafts/issues/10861">Issue 10861</a>)
2616-
* Make default 'position-area' alignment for single-''inset/auto'' 'inset' axes align to the non-''inset/auto'' side.
2617-
(<a href="https://github.com/w3c/csswg-drafts/issues/12512">Issue 12512</a>)
2618-
* Make transforms affect the [=anchor box=] geometry.
2619-
(<a href="https://github.com/w3c/csswg-drafts/issues/8584">Issue 8584</a>)
2620-
* Add the ''place-self/dialog'' value to 'align-self' and 'justify-self'
2621-
to solve regrettable default UA stylesheet rules for HTML popovers.
2622-
(<a href="https://github.com/w3c/csswg-drafts/issues/10258">Issue 10258</a>)
2623-
* Clarify how fragmentation affects the [=anchor box=] geometry.
2624-
(<a href="https://github.com/w3c/csswg-drafts/issues/12287">Issue 12287</a>)
2625-
* Clarify whe the [=last successful position option=] is cleared.
2626-
(<a href="https://github.com/w3c/csswg-drafts/issues/12577">Issue 12577</a>)
2627-
* Clarify how tree-scoped names anchor are matched for 'anchor-scope' vs 'position-anchor'.
2628-
(Issues <a href="https://github.com/w3c/csswg-drafts/issues/7916">7916</a>, <a href="https://github.com/w3c/csswg-drafts/issues/9408">9408</a>, and <a href="https://github.com/w3c/csswg-drafts/issues/5984">5984</a>)
2629-
* Clarify how top layer interacts with finding the [=acceptable anchor element=]
2630-
and rewrite the rules for valid anchors to be easier to understand.
2631-
(<a href="https://github.com/w3c/csswg-drafts/issues/11602">Issue 11602</a>)
2632-
* Fix grammar of 'position-try-fallbacks' to exclude lists of ''position-area/none'' keywords.
2633-
(<a href="https://github.com/w3c/csswg-drafts/issues/12838">Issue 12838</a>)
2634-
* Various small fixes and clarifications.
2635-
(<a href="https://github.com/w3c/csswg-drafts/issues/11028">Issue 11028</a>,
2636-
<a href="https://github.com/w3c/csswg-drafts/issues/11080">Issue 11080</a>,
2637-
<a href="https://github.com/w3c/csswg-drafts/issues/12058">Issue 12058</a>,
2638-
<a href="https://github.com/w3c/csswg-drafts/issues/12636">Issue 12636</a>,
2639-
<a href="https://github.com/w3c/csswg-drafts/issues/12653">Issue 12653</a>,
2640-
<a href="https://github.com/w3c/csswg-drafts/issues/12751">Issue 12732</a>)
2641-
2642-
See also <a href="https://www.w3.org/TR/2025/WD-css-anchor-position-1-20250509/#changes">Previous Changes</a>.
2611+
Significant changes since the <a href="https://www.w3.org/TR/2025/WD-css-anchor-position-1-20251007/">7 October 2025 Working Draft</a>:
2612+
2613+
* Define ''anchor-center'' to also use the [=scrollable containing block=]
2614+
so that it doesn't trigger overflow alignment when positioned outside the [=local containing block=].
2615+
(<a href="https://github.com/w3c/csswg-drafts/issues/12952">Issue 12952</a>)
2616+
2617+
See also <a href="https://www.w3.org/TR/2025/WD-css-anchor-position-1-20251007/#changes">Previous Changes</a>.

0 commit comments

Comments
 (0)