@@ -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
13221326If the box is not [=absolutely positioned=] ,
13231327or does not have a [=default anchor box=] ,
@@ -1331,38 +1335,6 @@ it will “shift” from being purely centered,
13311335in order to remain within the [=original containing block=] .
13321336See [[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