fix(igx-grid): Scroll filtered column in view, #3451

IgniteUI · Dec 18, 2018 · 0784860 · 0784860
1 parent 1ba2d4e
commit 0784860
Showing 1 changed file with 8 additions and 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
@@ -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 {