Skip to content

Commit 36207d1

Browse files
committed
[css-anchor-position-1] Compensate for stupid UA default rules by resolving margins to auto #10258
Also drop the 'dialog' alignment value, which is no longer needed.
1 parent e245466 commit 36207d1

File tree

1 file changed

+10
-34
lines changed

1 file changed

+10
-34
lines changed

css-anchor-position-1/Overview.bs

Lines changed: 10 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -651,7 +651,9 @@ Values other than ''position-area/none'' have the following additional effects:
651651
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.
654-
* Any ''top/auto'' [=inset properties=] resolve to ''0''.
654+
* The [=used value=] of any ''top/auto'' [=inset properties=]
655+
and ''margin/auto'' [=margin properties=]
656+
resolves to ''0''.
655657
* The ''align-self/normal'' value for the [=self-alignment properties=]
656658
resolves to a corresponding value, see [[#position-area-alignment]].
657659

@@ -1317,7 +1319,9 @@ Additionally:
13171319
where applicable,
13181320
so that the entire [=scrollable overflow area=] (typically) is available
13191321
for positioning.
1320-
* Any ''top/auto'' [=inset properties=] resolve to ''0''.
1322+
* The [=used value=] of any ''top/auto'' [=inset properties=]
1323+
and ''margin/auto'' [=margin properties=]
1324+
resolves to ''0''.
13211325

13221326
If the box is not [=absolutely positioned=],
13231327
or does not have a [=default anchor box=],
@@ -1331,38 +1335,6 @@ it will “shift” from being purely centered,
13311335
in order to remain within the [=original containing block=].
13321336
See [[css-align-3#overflow-values]] for more details.
13331337

1334-
<!-- Big Text: dialog
1335-
1336-
████▌ ████ ███▌ █▌ ███▌ ███▌
1337-
█▌ █▌ ▐▌ ▐█ ▐█ █▌ █▌ █▌ █▌ █▌
1338-
█▌ █▌ ▐▌ █▌ █▌ █▌ █▌ █▌ █▌
1339-
█▌ █▌ ▐▌ █▌ █▌ █▌ █▌ █▌ █▌ ██▌
1340-
█▌ █▌ ▐▌ █████▌ █▌ █▌ █▌ █▌ █▌
1341-
█▌ █▌ ▐▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
1342-
████▌ ████ █▌ █▌ █████ ███▌ ███▌
1343-
-->
1344-
1345-
Conditional Centering: the ''dialog'' alignment value {#conditional-centering}
1346-
-----------------------------------------------------
1347-
1348-
<pre class=propdef>
1349-
Name: justify-self, align-self, justify-items, align-items
1350-
New Values: dialog
1351-
</pre>
1352-
1353-
Dialog boxes are often displayed centered on the screen,
1354-
unless they are anchored to some other element.
1355-
1356-
The new <dfn value for="justify-self, align-self, justify-items, align-items">dialog</dfn> value
1357-
allows this behavior to be specified:
1358-
if the box is [=absolutely positioned=]
1359-
and its 'position-area' value is not ''position-area/none'',
1360-
it is aligned as per ''align-self/normal''
1361-
(see [[#position-area-alignment]]);
1362-
otherwise,
1363-
it is aligned as per ''align-self/center''.
1364-
1365-
13661338
<!-- Big Text: a-size()
13671339

13681340
███▌ ███▌ ████ █████▌ █████▌ ██ ██
@@ -2633,6 +2605,10 @@ Significant changes since the <a href="https://www.w3.org/TR/2025/WD-css-anchor-
26332605
* Define ''anchor-center'' to also use the [=scrollable containing block=]
26342606
so that it doesn't trigger overflow alignment when positioned outside the [=local containing block=].
26352607
(<a href="https://github.com/w3c/csswg-drafts/issues/12952">Issue 12952</a>)
2608+
* Resolve ''margin/auto'' margins to zero when 'position-area' or 'anchor-center' is in effect,
2609+
due to the ill-considered HTML UA default stylesheet rules for popovers.
2610+
Also drop the <css>dialog</css> alignment value which was the previous attempt to address this problem.
2611+
(<a href="https://github.com/w3c/csswg-drafts/issues/10258">Issue 10258</a>)
26362612
* Clarify that ''flip-block'', ''flip-inline'', and ''flip-start'' use the [=writing mode=] of the [=containing block=].
26372613
(<a href="https://github.com/w3c/csswg-drafts/issues/12869">Issue 12869</a>)
26382614
* Add 'clip-path' to the list of clipping effects considered for ''anchors-visible''

0 commit comments

Comments
 (0)