From 13293b328a067c449b245daa691920497e850649 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 0713fa6382a01e85586ebb6dafe8aa84303cae86 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.', () => {