IgxGrid - ExpressionChangedAfterItHasBeenCheckedError is thrown when opening an excel filter popup if igx-excel-style-conditional-filter is defined

[mkamiishi]

Description

ExpressionChangedAfterItHasBeenCheckedError is thrown when you open an Excel Filter popup if igx-excel-style-conditional-filter is defined in the filter template.

• igniteui-angular version: 20.0.17
• browser: Chrome

Steps to reproduce

1. Open https://stackblitz.com/edit/rjjjhxcm-zqnejtko?file=src%2Fapp%2Fgrid%2Fgrid-excel-style-filtering-sample-3%2Fgrid-excel-style-filtering-sample-3.component.html
2. Click a filter icon on any column header.

Result

ExpressionChangedAfterItHasBeenCheckedError is thrown.

ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value for 'attr.aria-controls': 'null'. Current value: 'igx-drop-down-0-list'. Expression location: _IgxExcelStyleConditionalFilterComponent component. Find more at https://v20.angular.dev/errors/NG0100
at throwErrorIfNoChangesMode (debug_node.mjs:6255:11)
at bindingUpdated (debug_node.mjs:13091:17)
at ɵɵattribute (debug_node.mjs:21902:9)
at IgxExcelStyleConditionalFilterComponent_Conditional_0_Template (igniteui-angular.mjs:5114:8)
at executeTemplate (debug_node.mjs:8091:9)
at refreshView (debug_node.mjs:9127:13)
at detectChangesInView (debug_node.mjs:9357:9)
at detectChangesInViewIfAttached (debug_node.mjs:9317:5)
at detectChangesInEmbeddedViews (debug_node.mjs:9274:13)
at refreshView (debug_node.mjs:9157:9)

Expected result

Error is not thrown.