Skip to content

[Hierarchical Grid]: selected event is fired on every click #16069

@RivaIvanova

Description

@RivaIvanova

Description

Clicking on a cell multiple times fires the selected event. For grid, tree grid, and pivot grid the selected event is fired only once on initial cell click.

  • igniteui-angular version: 20.0.x, 19.2.x
  • browser: any

Steps to reproduce

  1. Enable cellSelection and add a handler for the selected event.
<igx-hierarchical-grid
  #hierarchicalGrid
  [data]="localData"
  [autoGenerate]="true"
  [cellSelection]="'single'"
  (selected)="onCellSelected($event)"
>
  <igx-row-island
    [key]="'Albums'"
    [autoGenerate]="true"
    [cellSelection]="'multiple'"
    (selected)="onCellSelected($event)"
  >
    <igx-row-island [key]="'Songs'" [autoGenerate]="true">
    </igx-row-island>
  </igx-row-island>
  <igx-row-island [key]="'Tours'" [autoGenerate]="true"> </igx-row-island>
</igx-hierarchical-grid>
public onCellSelected(event) {
  console.log("onCellSelected");
  console.log(event)
}
  1. Click on a cell multiple times and observe the DevTools console.

Result

The event is fired multiple times.

Expected result

The event should be fired once on initial click, similar to the other grids.

Attachments

Image

Metadata

Metadata

Assignees

Type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions