From 0970e1e5ae1fff53e9f33e16a6d30562ca09a3d9 Mon Sep 17 00:00:00 2001 From: Arkan Ahmedov Date: Tue, 21 Jul 2026 10:31:00 +0300 Subject: [PATCH 1/2] fix(vhelper): ensure proper overflow for vertical and horizontal helpers --- .../core/src/core/styles/components/_common/_igx-vhelper.scss | 2 ++ 1 file changed, 2 insertions(+) diff --git a/projects/igniteui-angular/core/src/core/styles/components/_common/_igx-vhelper.scss b/projects/igniteui-angular/core/src/core/styles/components/_common/_igx-vhelper.scss index 5c623bf1e34..17f0bc1f0cb 100644 --- a/projects/igniteui-angular/core/src/core/styles/components/_common/_igx-vhelper.scss +++ b/projects/igniteui-angular/core/src/core/styles/components/_common/_igx-vhelper.scss @@ -13,10 +13,12 @@ top: 0; inset-inline-end: 0; width: var(--vhelper-scrollbar-size); + overflow-x: hidden; } %vhelper--horizontal { width: 100%; + overflow-y: hidden; } %vhelper-content--vertical { From cf4fc0971b2b84da4d8863dc6b34adef775b1350 Mon Sep 17 00:00:00 2001 From: Arkan Ahmedov Date: Tue, 21 Jul 2026 12:30:02 +0300 Subject: [PATCH 2/2] test(grid): fix incorrect last-cell width assertion grid.calcWidth already subtracts the vertical scrollbar width, so adding grid.scrollSize again double-counted it. This was previously masked by the horizontal scroll gap bug, which coincidentally shrank the rendered area by the same amount. Now that the gap is fixed, update the assertion to compare directly against grid.calcWidth. --- projects/igniteui-angular/grids/grid/src/cell.spec.ts | 9 +++------ 1 file changed, 3 insertions(+), 6 deletions(-) diff --git a/projects/igniteui-angular/grids/grid/src/cell.spec.ts b/projects/igniteui-angular/grids/grid/src/cell.spec.ts index fd12de9fdff..b1ed17e78af 100644 --- a/projects/igniteui-angular/grids/grid/src/cell.spec.ts +++ b/projects/igniteui-angular/grids/grid/src/cell.spec.ts @@ -201,13 +201,10 @@ describe('IgxGrid - Cell component #grid', () => { const lastCell = cells[cells.length - 1]; expect(GridFunctions.getValueFromCellElement(lastCell)).toEqual('990'); - const scrollbarBorderWidth = parseFloat(getComputedStyle( - grid.nativeElement.querySelector('.igx-grid__tbody-scrollbar') - ).getPropertyValue('border-inline-start-width')) || 0; - // Calculate where the end of the cell is. Relative left position should equal the grid calculated width. + // Calculate where the end of the cell is. Relative left position should equal the grid calculated + // width, which is already reduced by the vertical scrollbar's width. expect(lastCell.nativeElement.getBoundingClientRect().left + - lastCell.nativeElement.offsetWidth + - grid.scrollSize).toEqual(grid.calcWidth + scrollbarBorderWidth); + lastCell.nativeElement.offsetWidth).toEqual(grid.calcWidth); })); it('should not reduce the width of last pinned cell when there is vertical scroll.', () => {