Zoneless: Grid throws ExpressionChangedAfterItHasBeenCheckedError for aria-colcount

[viktorkombov]

Description

When the application is running in a zoneless change detection environment, the FinJS sample from the Samples Browser throws an ExpressionChangedAfterItHasBeenCheckedError from the Grid.

The error is related to the aria-colcount attribute. The Grid initially renders one value for attr.aria-colcount, but the value changes after Angular has already checked the expression:

ERROR RuntimeError: NG0100: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value for 'attr.aria-colcount': '51'. Current value: '48'.

Framework

Angular

Angular Version

21.2.8

Ignite UI for Angular Version

21.2.0

Component / Area

Grid

Browser

Chrome

Operating System

Windows

Command Not Working

Steps to Reproduce

1. Open the following sample: https://stackblitz.com/edit/ybtb6xmn-bghatscf?file=package.json
2. Observe the browser console.

Actual Result

The Grid throws an ExpressionChangedAfterItHasBeenCheckedError related to the aria-colcount attribute:

Previous value for 'attr.aria-colcount': '51'. Current value: '48'.

Expected Result

The Grid should render without throwing an ExpressionChangedAfterItHasBeenCheckedError in a zoneless change detection environment.

Reproduction URL

https://stackblitz.com/edit/ybtb6xmn-bghatscf?file=package.json

Attachments