Merge pull request #15958 from IgniteUI/mdragnev/fix-esf-ssr

dkamburov · web-flow · commit 1b2f329c8905 · 2025-06-20T10:35:55.000+03:00
fix(esf): use requestAnimationFrame only when in browser environment
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 {`