[clr-datagrid] Details pane throws change detection error

[alexey-shakura]

Describe the bug

I see change detection errors when interacting with pagination/changing the list of data while details pane is open.

How to reproduce

https://stackblitz.com/edit/clarity-dark-theme-clr12-cds5-j7vobj?file=src/app/app.component.ts

Steps to reproduce the behavior:

1. Open details pane on the first page
2. Click next page
3. Check out the console: "ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value for 'attr.aria-label': 'Close'. Current value: 'Open'.. "

Expected behavior

Nothing special here, simple local data passed to datagrid, I expect no errors in console

Versions

Clarity project:

• Clarity Core
• Clarity Angular/UI

Clarity version:

• v3.x
• v4.x
• v5.x

Framework:

• Angular
• React
• Vue
• Other:

Framework version:
Angular 12

Device:

• Type: MacBook
• OS: macOS
• Browser: chrome
• Version 98 version

Additional notes

[alexey-shakura]

@coryrylan any updates on this ?

[github-actions]

Hi there 👋, this is an automated message. To help Clarity keep track of discussions, we automatically lock closed issues after 14 days. Please look for another open issue or open a new issue with updated details and reference this one as necessary.