From 8d184c8c1b91dba9d6d5bbaf1b4a8480b75a3572 Mon Sep 17 00:00:00 2001
From: Liam DeBeasi <liamdebeasi@users.noreply.github.com>
Date: Tue, 7 Mar 2023 09:25:09 -0500
Subject: [PATCH] fix(angular): keepContentsMounted modal is sized correctly
 (#26917)

resolves #26916
---
 angular/src/directives/overlays/modal.ts                | 2 +-
 angular/test/base/e2e/src/keep-contents-mounted.spec.ts | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/angular/src/directives/overlays/modal.ts b/angular/src/directives/overlays/modal.ts
index 8b47d73815..0d73698f8c 100644
--- a/angular/src/directives/overlays/modal.ts
+++ b/angular/src/directives/overlays/modal.ts
@@ -80,7 +80,7 @@ export declare interface IonModal extends Components.IonModal {
 @Component({
   selector: 'ion-modal',
   changeDetection: ChangeDetectionStrategy.OnPush,
-  template: `<div class="ion-page" *ngIf="isCmpOpen || keepContentsMounted">
+  template: `<div class="ion-delegate-host ion-page" *ngIf="isCmpOpen || keepContentsMounted">
     <ng-container [ngTemplateOutlet]="template"></ng-container>
   </div>`,
   inputs: [
diff --git a/angular/test/base/e2e/src/keep-contents-mounted.spec.ts b/angular/test/base/e2e/src/keep-contents-mounted.spec.ts
index a4bc99167f..44e47f8253 100644
--- a/angular/test/base/e2e/src/keep-contents-mounted.spec.ts
+++ b/angular/test/base/e2e/src/keep-contents-mounted.spec.ts
@@ -27,6 +27,12 @@ describe('overlays - keepContentsMounted', () => {
 
       cy.get('ion-modal ion-content').should('exist');
     });
+
+    it('should has ion-delegate-host on mount', () => {
+      cy.visit('/keep-contents-mounted');
+
+      cy.get('ion-modal .ion-delegate-host').should('exist');
+    });
   })
   describe('popover', () => {
     it('should not mount component if false', () => {