fix(esf): use requestAnimationFrame only when in browser environment (#15955)

mddragnev · web-flow · commit 02b8735811b0 · 2025-06-20T14:49:56.000+03:00
diff --git a/projects/igniteui-angular/src/lib/grids/filtering/excel-style/excel-style-search.component.ts b/projects/igniteui-angular/src/lib/grids/filtering/excel-style/excel-style-search.component.ts
@@ -254,7 +254,10 @@ export class IgxExcelStyleSearchComponent implements AfterViewInit, OnDestroy {
     }
 
     public ngAfterViewInit() {
-        requestAnimationFrame(this.refreshSize);
+        if (this.platform.isBrowser) {
+            // SSR workaround
+            requestAnimationFrame(this.refreshSize);
+        }
     }
 
     public ngOnDestroy(): void {

Original file line number	Diff line number	Diff line change
`@@ -254,7 +254,10 @@ export class IgxExcelStyleSearchComponent implements AfterViewInit, OnDestroy {`
`254`	`254`	`}`
`255`	`255`
`256`	`256`	`public ngAfterViewInit() {`
`257`		`- requestAnimationFrame(this.refreshSize);`
	`257`	`+ if (this.platform.isBrowser) {`
	`258`	`+ // SSR workaround`
	`259`	`+ requestAnimationFrame(this.refreshSize);`
	`260`	`+ }`
`258`	`261`	`}`
`259`	`262`
`260`	`263`	`public ngOnDestroy(): void {`