IgxGrig. ChangeDetection Issue with a custom igxRowSelector Template #17292

Description

There is a change detection issue with custom rowSelection Templates. A selected Row will be displayed as unselected(checkbox state is unchecked)

Framework

Angular

Angular Version

20.0.0

Ignite UI for Angular Version

20.1.29

Component / Area

Grid

Browser

Chrome, Edge

Operating System

macOS, Windows

Command Not Working

Steps to Reproduce

Setup a IgxGrid component with:

• selectionMode: multiple
• Custom rowSelection Template. Ex: „<input type="checkbox" [checked]="rowContext.selected" />“
• Set the grid data() signal . Data is a computed array. One property is the isSelected state of the row.
• One column is „isSelected“
• Sort the column isSelected so that the checked/selected rows are at the top
• Select a couple of rows by clicking on the checkbox.
• Start deselecting rows from the top.

Actual Result

The deselected row jumps somewhere else in the grid. The next selected row takes its place, but the isSelected checkbox is unchecked.

Expected Result

The custom igxRowSelector Template is refreshed and is in sync with the selected state of the row.

Reproduction URL

https://stackblitz.com/edit/qmzahpsd

Attachments