Datagrid close detail issues error for nested datagrids: row.cells.get(...) is undefined

[ghost]

Describe the bug

If the detail pane of a datagrid contains another datagrid with less columns than the outer datagrid, closing the detail pane results in the error: row.cells.get(...) is undefined.

In particular the error is thrown at the location projects/angular/src/data/datagrid/render/main-renderer.ts:249 (accessed at: c791ff0) since the rows query list contains not only the rows of the outer datagrid but also the rows of the inner one. As the inner grid does not have as many columns as the outer one, the failing index is out of bounds.

The @ContentChildren(DatagridRowRenderer, { descendants: true }) content selector selects all rows, not only the rows which belong to the current (outer) datagrid.

Presumably this issue was introduced with #1346 (ac0d4cf)

How to reproduce

See StackBlitz Example

Steps to reproduce the behavior:

1. Open the datagrid's detail pane of any row.
2. Close the row detail again.
3. See the error in the console.

Expected behavior

The datagrid should not throw an error for nested datagrids on closing the row detail.

Versions

Clarity version:

• >= 17.2.x

Framework version:
Angular 17

Device:

• Type: MacBook
• OS: iOS
• Browser: chrome, firefox
• Version: Firefox 128.0

[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.