fix(cdk): Scrollbar fix scroll behaviour (#7594)

taiga-family · Jun 2, 2024 · 10fe5a3 · 10fe5a3
1 parent de88842
commit 10fe5a3
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/projects/cdk/components/scroll-controls/scrollbar.directive.ts b/projects/cdk/components/scroll-controls/scrollbar.directive.ts
@@ -57,11 +57,15 @@ export class TuiScrollbarDirective {
  )
  .pipe(tuiZonefree(zone), takeUntil(destroy$))
  .subscribe(([scrollTop, scrollLeft]) => {
+ this.element.style.scrollBehavior = 'auto';
+
  if (this.tuiScrollbar === 'vertical') {
  this.element.scrollTop = scrollTop;
  } else {
  this.element.scrollLeft = scrollLeft;
  }
+
+ this.element.style.scrollBehavior = '';
  });
 
  merge(
@@ -130,7 +134,7 @@ export class TuiScrollbarDirective {
  : Math.ceil((clientWidth / scrollWidth) * 100) / 100;
  }
 
- private get element(): Element {
+ private get element(): HTMLElement {
  return this.container.nativeElement;
  }