From 0c24d7fd9facc3d441e2f494a2c2ca8b24d3514a Mon Sep 17 00:00:00 2001 From: MKirova Date: Fri, 18 Feb 2022 12:46:54 +0200 Subject: [PATCH] fix(pivot): Scroll just the parent container in case 'drop here' chip is not visible. --- .../lib/grids/pivot-grid/pivot-header-row.component.ts | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-header-row.component.ts b/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-header-row.component.ts index 5ed7b228b8c..7c54d215dcc 100644 --- a/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-header-row.component.ts +++ b/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-header-row.component.ts @@ -249,11 +249,12 @@ export class IgxPivotHeaderRowComponent extends IgxGridHeaderRowComponent implem public onDimDragStart(event, area) { this.cdr.detectChanges(); for (let chip of this.notificationChips) { + const parent = chip.nativeElement.parentElement; if (area.chipsList.toArray().indexOf(chip) === -1 && - chip.nativeElement.parentElement.children.length > 0 && - chip.nativeElement.parentElement.children.item(0).id !== 'empty') { + parent.children.length > 0 && + parent.children.item(0).id !== 'empty') { chip.nativeElement.hidden = false; - chip.nativeElement.scrollIntoView(); + parent.parentElement.scrollTo({ left: chip.nativeElement.offsetLeft }); } } } @@ -346,7 +347,7 @@ export class IgxPivotHeaderRowComponent extends IgxGridHeaderRowComponent implem this.onFiltersAreaDropdownClick({ target: this.filtersButton.el.nativeElement }, undefined, false); } } else { - if (this.filterAreaDimensions.has(filter)) { + if (this.filterAreaDimensions.has(filter)) { this.filterAreaDimensions.delete(filter) this.grid.filteringService.hideESF(); } else if (this.filterDropdownDimensions.size > 0) {