Skip to content

Commit a1c1bd1

Browse files
authored
Switch dialog/popover to using place-self:dialog
See w3c/csswg-drafts#10258 for context.
1 parent 4c0c1eb commit a1c1bd1

File tree

1 file changed

+3
-9
lines changed

1 file changed

+3
-9
lines changed

source

Lines changed: 3 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -145205,19 +145205,16 @@ listing, plaintext, pre, xmp {
145205145205
dialog:not([open]) { display: none; }
145206145206
dialog {
145207145207
position: absolute;
145208-
inset-inline-start: 0; inset-inline-end: 0;
145209-
width: fit-content;
145210-
height: fit-content;
145211-
margin: auto;
145208+
justify-self: dialog;
145212145209
border: solid;
145213145210
padding: 1em;
145214145211
background-color: Canvas;
145215145212
color: CanvasText;
145216145213
}
145217145214
dialog:modal {
145218145215
position: fixed;
145216+
place-self: dialog;
145219145217
overflow: auto;
145220-
inset-block: 0;
145221145218
max-width: calc(100% - 6px - 2em);
145222145219
max-height: calc(100% - 6px - 2em);
145223145220
}
@@ -145235,10 +145232,7 @@ dialog:popover-open {
145235145232

145236145233
[popover] {
145237145234
position: fixed;
145238-
inset: 0;
145239-
width: fit-content;
145240-
height: fit-content;
145241-
margin: auto;
145235+
place-self: dialog;
145242145236
border: solid;
145243145237
padding: 0.25em;
145244145238
overflow: auto;

0 commit comments

Comments
 (0)