From 6277efbf39620736b1b3346a0e97cf5039243912 Mon Sep 17 00:00:00 2001 From: Dmitry Kuzin Date: Wed, 3 Apr 2024 11:46:27 +0400 Subject: [PATCH] Call requestAnimationFrame via DomWindowHelper --- src/utils/animation.ts | 15 ++++++++------- 1 file changed, 8 insertions(+), 7 deletions(-) diff --git a/src/utils/animation.ts b/src/utils/animation.ts index 81c0d549d8..a5913fb7ec 100644 --- a/src/utils/animation.ts +++ b/src/utils/animation.ts @@ -1,3 +1,4 @@ +import { DomWindowHelper } from "src/global_variables_utils"; import { debounce } from "./taskmanager"; export interface AnimationOptions{ @@ -76,8 +77,8 @@ export class AnimationUtils { if(isCancel) { element.classList.remove(options.cssClass); } else { - requestAnimationFrame(() => { - requestAnimationFrame(() => { + DomWindowHelper.requestAnimationFrame(() => { + DomWindowHelper.requestAnimationFrame(() => { element.classList.remove(options.cssClass); }); }); @@ -110,11 +111,11 @@ export class AnimationPropertyUtils extends AnimationUtils { this.beforeAnimationRun(element, options); this.runEnterAnimation(element, options); }; - requestAnimationFrame(() => { + DomWindowHelper.requestAnimationFrame(() => { if(getElement()) { callback(); } else { - requestAnimationFrame(callback); + DomWindowHelper.requestAnimationFrame(callback); } }); } @@ -127,7 +128,7 @@ export class AnimationPropertyUtils extends AnimationUtils { export class AnimationGroupUtils extends AnimationUtils { public onEnter(getElement: (el: T) => HTMLElement, getOptions: (el: T) => AnimationOptions, elements: Array): void { if(elements.length == 0) return; - requestAnimationFrame(() => { + DomWindowHelper.requestAnimationFrame(() => { const callback = () => { elements.forEach((el) => { this.beforeAnimationRun(getElement(el), getOptions(el)); @@ -137,7 +138,7 @@ export class AnimationGroupUtils extends AnimationUtils { }); }; if(!getElement(elements[0])) { - requestAnimationFrame(callback); + DomWindowHelper.requestAnimationFrame(callback); } else { callback(); } @@ -214,4 +215,4 @@ export class AnimationGroup extends AnimationProperty, [T]> { this.update(newValue); } } -} \ No newline at end of file +}