Skip to content

Commit a21009d

Browse files
committed
fixup! feat(material-experimental): MDC-based version of dialog
Fix dialog overlay position config
1 parent 4cf8a3f commit a21009d

File tree

1 file changed

+7
-2
lines changed

1 file changed

+7
-2
lines changed

src/material-experimental/mdc-dialog/_mdc-dialog-structure-overrides.scss

+7-2
Original file line numberDiff line numberDiff line change
@@ -29,8 +29,8 @@
2929

3030
// MDC sets `min-height`, `max-height`, `min-width` and `max-height` We can't rely on
3131
// this for the dialog content scrolling (as explained above), and since we allow for
32-
// custom positioning through overlay configuration, we remove the rectangle restrictions
33-
// and scale based on the CDK overlay container.
32+
// custom positioning through overlay configuration, we remove the rectangle
33+
// restrictions and scale based on the CDK overlay container.
3434
&, .mdc-dialog__container, .mdc-dialog__surface {
3535
max-height: inherit;
3636
min-height: inherit;
@@ -44,8 +44,13 @@
4444
// components can be immediate children of the surface and make this a noop. If only
4545
// templates or DOM elements are projected, the flex display could cause unexpected
4646
// alignment issues as explained in our coding standards (see `CODING_STANDARDS.md`).
47+
// Additionally, the surface by default should expand based on the parent overlay
48+
// boundaries (so that boundaries for the overlay config are respected). The surface
49+
// by default would only expand based on its content.
4750
.mdc-dialog__surface {
4851
display: block;
52+
width: 100%;
53+
height: 100%;
4954
}
5055
}
5156
}

0 commit comments

Comments
 (0)