From 18fb8af8a88a3a0e7449fcaf40f530778af4126b Mon Sep 17 00:00:00 2001 From: Stefan Stoyanov Date: Tue, 18 Dec 2018 15:11:31 +0200 Subject: [PATCH] fix(igx-grid): Scroll filtered column in view, #3451 --- .../lib/grids/filtering/grid-filtering-cell.component.ts | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/projects/igniteui-angular/src/lib/grids/filtering/grid-filtering-cell.component.ts b/projects/igniteui-angular/src/lib/grids/filtering/grid-filtering-cell.component.ts index 989e390a03d..3c1f972f24f 100644 --- a/projects/igniteui-angular/src/lib/grids/filtering/grid-filtering-cell.component.ts +++ b/projects/igniteui-angular/src/lib/grids/filtering/grid-filtering-cell.component.ts @@ -178,6 +178,13 @@ export class IgxGridFilteringCellComponent implements AfterViewInit, OnInit, DoC this.expressionsList[0].isSelected = true; } + const index = this.filteringService.unpinnedFilterableColumns.indexOf(this.column); + if (index >= 0 && !this.isColumnRightVisible(index)) { + this.filteringService.scrollToFilterCell(this.filteringService.unpinnedFilterableColumns[index], true); + } else if (index >= 0 && !this.isColumnLeftVisible(index)) { + this.filteringService.scrollToFilterCell(this.filteringService.unpinnedFilterableColumns[index], false); + } + this.filteringService.filteredColumn = this.column; this.filteringService.isFilterRowVisible = true; this.filteringService.selectedExpression = expression; @@ -357,7 +364,7 @@ export class IgxGridFilteringCellComponent implements AfterViewInit, OnInit, DoC } } const width = this.filteringService.displayContainerWidth + this.filteringService.displayContainerScrollLeft; - return currentColumnRight <= width && this.isColumnLeftVisible(columnIndex); + return currentColumnRight <= width; } private isColumnLeftVisible(columnIndex: number): boolean {