inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-24 17:32:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ACS-6690] Resizing column can trigger sorting key/direction change in ACA and ADW (#9362)

Browse Source
This commit is contained in:
jacekpluta
2024-03-04 11:03:15 +01:00
committed by GitHub
parent 325eef1c32
commit ca892fc8fa
2 changed files with 14 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
lib/core/src/lib/datatable/components/datatable/datatable.component.html
View File

@@ -99,6 +99,7 @@
*ngIf="isResizingEnabled && col.resizable" *ngIf="isResizingEnabled && col.resizable"
[ngClass]="hoveredHeaderColumnIndex === columnIndex && !isResizing || resizingColumnIndex === columnIndex ? 'adf-datatable__resize-handle-visible' : 'adf-datatable__resize-handle-hidden'" [ngClass]="hoveredHeaderColumnIndex === columnIndex && !isResizing || resizingColumnIndex === columnIndex ? 'adf-datatable__resize-handle-visible' : 'adf-datatable__resize-handle-hidden'"
adf-resize-handle adf-resize-handle
(click)="$event.stopPropagation()"
class="adf-datatable__resize-handle" class="adf-datatable__resize-handle"
[resizableContainer]="resizableElement"> [resizableContainer]="resizableElement">
<div class="adf-datatable__resize-handle--divider"></div> <div class="adf-datatable__resize-handle--divider"></div>

13
lib/core/src/lib/datatable/components/datatable/datatable.component.spec.ts
View File

@@ -1844,6 +1844,19 @@ describe('Column Resizing', () => {
expect(adapter.setColumns).toHaveBeenCalledWith(columns); 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(() => { it('should set column widths while resizing ONLY on visible columns', fakeAsync(() => {
const adapter = dataTable.data; const adapter = dataTable.data;
spyOn(adapter, 'getColumns').and.returnValue([ spyOn(adapter, 'getColumns').and.returnValue([