Grid Filter: change detection issue

[Timmeeeey]

Description

When clicking on the filter chip in a grid, sometimes nothing happens until I move the mouse a bit.
I think that at the end of onChipClicked there needs to be a this.filteringService.grid.notifyChanges() so that change detection runs.

igniteui-angular/projects/igniteui-angular/grids/core/src/filtering/base/grid-filtering-cell.component.ts

Lines 145 to 160 in b3fb7ad

	public onChipClicked(expression?: IFilteringExpression) {
	if (expression) {
	this.expressionsList.forEach((item) => {
	item.isSelected = (item.expression === expression);
	});
	} else if (this.expressionsList.length > 0) {
	this.expressionsList.forEach((item) => {
	item.isSelected = false;
	});
	this.expressionsList[0].isSelected = true;
	}
	this.filteringService.grid.navigation.performHorizontalScrollToCell(this.column.visibleIndex);
	this.filteringService.filteredColumn = this.column;
	this.filteringService.isFilterRowVisible = true;
	this.filteringService.selectedExpression = expression;
	}

• igniteui-angular version: 21.0.10

[mtsvyatkova]

@Timmeeeey, thank you for reporting the issue. I investigated the onChipClicked method and the change detection flow around the filter row, but have been unable to reproduce the behavior you described — clicking a filter chip consistently opens the filter row in my testing, across different browsers, interaction patterns, and even with zoneless change detection enabled.

I've put together a small sample app using igx-grid with filtering enabled and a default filter chip on the lastName column (igniteui-angular 21.0.10):

GridFilterChip.zip

1. Can you reproduce the issue with this sample? If so, what browser are you using, and are there any additional steps beyond clicking the chip?
2. If this sample works fine for you, could you modify it (or provide your own) where the issue is reproducible?

[Timmeeeey]

@mtsvyatkova
Hi, it's not about clicking on an existing filter but on the filter chip to add a filter.

I've looked further into why this happens in my code and I found it:
It happens when I have column groups and I restore the grid state inside a afterNextRender.

Here are the steps:

1. Move "Header 2" in front of "Header 1"
2. Click "Save state"
3. Reload (Grid state is restored in afterNextRender)
4. Click on the Filter for employeeId

Then the filter doesn't show until I move the move or click again.

Aufzeichnung.2026-02-20.193050.mp4

Here my updated code:
GridFilterChip.zip