diff --git a/lib/core/src/lib/datatable/components/datatable/datatable.component.html b/lib/core/src/lib/datatable/components/datatable/datatable.component.html index f8ca89d60c..bb00a69fba 100644 --- a/lib/core/src/lib/datatable/components/datatable/datatable.component.html +++ b/lib/core/src/lib/datatable/components/datatable/datatable.component.html @@ -99,6 +99,7 @@ *ngIf="isResizingEnabled && col.resizable" [ngClass]="hoveredHeaderColumnIndex === columnIndex && !isResizing || resizingColumnIndex === columnIndex ? 'adf-datatable__resize-handle-visible' : 'adf-datatable__resize-handle-hidden'" adf-resize-handle + (click)="$event.stopPropagation()" class="adf-datatable__resize-handle" [resizableContainer]="resizableElement">
diff --git a/lib/core/src/lib/datatable/components/datatable/datatable.component.spec.ts b/lib/core/src/lib/datatable/components/datatable/datatable.component.spec.ts index 6ee89877ac..4958d1ea82 100644 --- a/lib/core/src/lib/datatable/components/datatable/datatable.component.spec.ts +++ b/lib/core/src/lib/datatable/components/datatable/datatable.component.spec.ts @@ -1844,6 +1844,19 @@ describe('Column Resizing', () => { expect(adapter.setColumns).toHaveBeenCalledWith(columns); })); + it('should stop propagation on resize handler click event', () => { + dataTable.isResizingEnabled = true; + fixture.detectChanges(); + + const resizeHandle = getResizeHandler(); + const clickEvent = new MouseEvent('click'); + const stopPropagationSpy = spyOn(clickEvent, 'stopPropagation'); + + resizeHandle.dispatchEvent(clickEvent); + + expect(stopPropagationSpy).toHaveBeenCalled(); + }); + it('should set column widths while resizing ONLY on visible columns', fakeAsync(() => { const adapter = dataTable.data; spyOn(adapter, 'getColumns').and.returnValue([