From 63894d5aad6b8b2ef0841edc2f2e04407e68eb01 Mon Sep 17 00:00:00 2001 From: Martin Dragnev Date: Fri, 15 May 2026 17:17:34 +0300 Subject: [PATCH 1/2] fix(vhelper): ensure horizontal helper has defined height for scrollbar --- .../core/src/core/styles/components/_common/_igx-vhelper.scss | 1 + 1 file changed, 1 insertion(+) 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..fa1b4379b0d 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 @@ -17,6 +17,7 @@ %vhelper--horizontal { width: 100%; + height: var(--vhelper-scrollbar-size); } %vhelper-content--vertical { From 69360b609e19ea123a0e372f054d984e406aaa1d Mon Sep 17 00:00:00 2001 From: Martin Dragnev Date: Mon, 18 May 2026 14:49:55 +0300 Subject: [PATCH 2/2] test(for-of): update scrollbar visibility logic based on content width --- .../src/directives/for-of/for_of.directive.spec.ts | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/projects/igniteui-angular/directives/src/directives/for-of/for_of.directive.spec.ts b/projects/igniteui-angular/directives/src/directives/for-of/for_of.directive.spec.ts index 5b0e44db0cd..7a8cfa7a481 100644 --- a/projects/igniteui-angular/directives/src/directives/for-of/for_of.directive.spec.ts +++ b/projects/igniteui-angular/directives/src/directives/for-of/for_of.directive.spec.ts @@ -1468,10 +1468,11 @@ export class VirtualComponent { public isHorizontalScrollbarVisible() { const horizontalScrollbar = this.container.element.nativeElement.querySelector('igx-horizontal-virtual-helper'); /** - * Due to current implementation the height is automatically calculated. - * That's why when it's less than 16 there is no scrollbar + * The element height is set explicitly via CSS, so it is always present. + * Visibility is determined by whether the virtual content width exceeds the container width. + * BUG https://github.com/IgniteUI/igniteui-angular/issues/17216 */ - return horizontalScrollbar.offsetHeight >= 16; + return horizontalScrollbar.offsetWidth < horizontalScrollbar.children[0].offsetWidth; } }