fixup! fix(material/dialog): css structure change

angular · Aug 14, 2023 · 47bd02e · 47bd02e
1 parent 6f59dc2
commit 47bd02e
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 6 deletions.
diff --git a/src/material/dialog/_mdc-dialog-structure-overrides.scss b/src/material/dialog/_mdc-dialog-structure-overrides.scss
@@ -46,16 +46,13 @@
 
   // When a component is passed into the dialog, the host element interrupts
   // the `display:flex` from affecting the dialog title, content, and
-  // actions. To fix this, we make the component host `display: flex` by
+  // actions. To fix this, we make the component host `display: contents` by
   // marking its host with the `mat-mdc-dialog-component-host` class.
   //
   // Note that this problem does not exist when a template ref is used since
   // the title, contents, and actions are then nested directly under the
   // dialog surface.
   .mat-mdc-dialog-component-host {
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-    height: 100%;
+    display: contents;
   }
 }
diff --git a/src/material/dialog/dialog-container.ts b/src/material/dialog/dialog-container.ts
@@ -265,7 +265,7 @@ export class MatDialogContainer extends CdkDialogContainer<MatDialogConfig> impl
   override attachComponentPortal<T>(portal: ComponentPortal<T>): ComponentRef<T> {
     // When a component is passed into the dialog, the host element interrupts
     // the `display:flex` from affecting the dialog title, content, and
-    // actions. To fix this, we make the component host `display: flex` by
+    // actions. To fix this, we make the component host `display: contents` by
     // marking its host with the `mat-mdc-dialog-component-host` class.
     //
     // Note that this problem does not exist when a template ref is used since