chore(vhelper): revert scrollwidth

Author: didimmova

projects/igniteui-angular/src/lib/directives/for-of/virtual.helper.component.ts

@@ -1,5 +1,5 @@
 import { Component, ElementRef, HostBinding, Input, ViewChild, ViewContainerRef,
-     ChangeDetectorRef, OnDestroy, Inject, NgZone } from '@angular/core';
+     ChangeDetectorRef, OnDestroy, OnInit, Inject, NgZone } from '@angular/core';
 import { VirtualHelperBaseDirective } from './base.helper.component';
 import { DOCUMENT } from '@angular/common';
 import { PlatformUtil } from '../../core/utils';
@@ -9,10 +9,13 @@ import { PlatformUtil } from '../../core/utils';
     template: '<div #container class="igx-vhelper__placeholder-content" [style.height.px]="size"></div>',
     standalone: true
 })
-export class VirtualHelperComponent extends VirtualHelperBaseDirective implements OnDestroy  {
+export class VirtualHelperComponent extends VirtualHelperBaseDirective implements OnInit, OnDestroy  {
     @HostBinding('scrollTop')
     public scrollTop;
 
+    @HostBinding('style.width.px')
+    public scrollWidth;
+
     @HostBinding('style.--vhelper-scrollbar-size')
     public get scrollbarSize(): string {
         const value = `${this.scrollNativeSize}px`;
@@ -30,6 +33,10 @@ export class VirtualHelperComponent extends VirtualHelperBaseDirective implement
         super(elementRef, cdr, zone, document, platformUtil);
     }
 
+    public ngOnInit() {
+        this.scrollWidth = this.scrollNativeSize;
+    }
+
     protected override restoreScroll() {
         this.nativeElement.scrollTop = this.scrollAmount;
     }