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

Author: wagnermaciel

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

@@ -42,14 +42,5 @@
       width: 100%;
       height: 100%;
     }
-
-    // MDC sets the `surface` to `display: flex`. MDC does this in order to be able to make the
-    // content scrollable while locking the title and actions. This only works in our dialog if we
-    // set the children of the `surface` to `display: contents`. This is because, due to content
-    // projection, arbitrary components can be immediate children of the surface and make this a
-    // noop.
-    .mat-mdc-dialog-surface > * {
-      display: contents;
-    }
   }
 }

src/material/dialog/dialog.ts

@@ -7,7 +7,7 @@
  */
 
 import {ComponentType, Overlay, OverlayContainer, ScrollStrategy} from '@angular/cdk/overlay';
-import {Location} from '@angular/common';
+import {DOCUMENT, Location} from '@angular/common';
 import {
   ANIMATION_MODULE_TYPE,
   ComponentRef,
@@ -20,6 +20,7 @@ import {
   SkipSelf,
   TemplateRef,
   Type,
+  inject,
 } from '@angular/core';
 import {MatDialogConfig} from './dialog-config';
 import {_MatDialogContainerBase, MatDialogContainer} from './dialog-container';
@@ -76,6 +77,7 @@ export abstract class _MatDialogBase<C extends _MatDialogContainerBase> implemen
   protected _idPrefix = 'mat-dialog-';
   private _dialog: Dialog;
   protected dialogConfigClass = MatDialogConfig;
+  private _document = inject(DOCUMENT, {optional: true});
 
   /** Keeps track of the currently-open dialogs. */
   get openDialogs(): MatDialogRef<any>[] {
@@ -196,6 +198,14 @@ export abstract class _MatDialogBase<C extends _MatDialogContainerBase> implemen
       },
     });
 
+    if (!(componentOrTemplateRef instanceof TemplateRef)) {
+      const children = this._document?.querySelectorAll('.mat-mdc-dialog-surface > *') || [];
+      for (let i = 0; i < children.length; i++) {
+        children[i].classList.add('mdc-dialog__surface');
+        children[i].classList.add('mat-mdc-dialog-surface');
+      }
+    }
+
     // This can't be assigned in the `providers` callback, because
     // the instance hasn't been assigned to the CDK ref yet.
     (dialogRef! as {componentRef: ComponentRef<T>}).componentRef = cdkRef.componentRef!;