fix(overlay): implement removeModalClasses method #9882

IgniteUI · Oct 4, 2021 · 709b5fe · 709b5fe
1 parent 550c0ed
commit 709b5fe
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/projects/igniteui-angular/src/lib/services/overlay/overlay.ts b/projects/igniteui-angular/src/lib/services/overlay/overlay.ts
@@ -411,9 +411,9 @@ export class IgxOverlayService implements OnDestroy {
             document,
             true,
             info.settings.target);
-            this.addModalClasses(info);
         if (info.settings.positionStrategy.settings.openAnimation) {
             this.buildAnimationPlayers(info);
+            this.addModalClasses(info);
             this.playOpenAnimation(info);
         } else {
             //  to eliminate flickering show the element just before opened fires
@@ -534,6 +534,7 @@ export class IgxOverlayService implements OnDestroy {
             return;
         }
         if (info.settings.positionStrategy.settings.closeAnimation) {
+            this.removeModalClasses(info);
             this.playCloseAnimation(info, event);
         } else {
             this.closeDone(info);
@@ -887,6 +888,14 @@ export class IgxOverlayService implements OnDestroy {
         }
     }
 
+    private removeModalClasses(info: OverlayInfo) {
+        if (info.settings.modal) {
+            const wrapperElement = info.elementRef.nativeElement.parentElement.parentElement;
+            wrapperElement.classList.remove('igx-overlay__wrapper--modal');
+            wrapperElement.classList.add('igx-overlay__wrapper');
+        }
+    }
+
     private buildAnimationPlayers(info: OverlayInfo) {
         if (info.settings.positionStrategy.settings.openAnimation) {
             const animationBuilder = this.builder.build(info.settings.positionStrategy.settings.openAnimation);