From 68ad33559efb33a8cb70655cdab29b63d9820916 Mon Sep 17 00:00:00 2001 From: plamenamiteva Date: Thu, 7 Oct 2021 15:23:10 +0300 Subject: [PATCH] fix(overlay): wrap class addition in RAF #9882 --- projects/igniteui-angular/src/lib/services/overlay/overlay.ts | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/projects/igniteui-angular/src/lib/services/overlay/overlay.ts b/projects/igniteui-angular/src/lib/services/overlay/overlay.ts index 43edf536c3a..e418258df51 100644 --- a/projects/igniteui-angular/src/lib/services/overlay/overlay.ts +++ b/projects/igniteui-angular/src/lib/services/overlay/overlay.ts @@ -707,7 +707,9 @@ export class IgxOverlayService implements OnDestroy { // to eliminate flickering show the element just before animation start info.wrapperElement.style.visibility = ''; info.visible = true; - this.addModalClasses(info); + requestAnimationFrame(() => { + this.addModalClasses(info); + }); info.openAnimationPlayer.play(); }