Marmelator/common-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Has scrollbar change detection fix

Browse Source
This commit is contained in:
Adina Țeudan 2021-11-18 21:48:31 +02:00
parent 73982bba19
commit dc100c44be
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/lib/scrollbar/has-scrollbar.directive.ts
View File

@ -1,4 +1,4 @@
import { Directive, ElementRef, HostBinding, HostListener, OnChanges, OnInit } from '@angular/core';
import { ChangeDetectorRef, Directive, ElementRef, HostBinding, HostListener, OnChanges, OnInit } from '@angular/core';
@Directive({
selector: '[iqserHasScrollbar]',
@ -7,7 +7,7 @@ import { Directive, ElementRef, HostBinding, HostListener, OnChanges, OnInit } f
export class HasScrollbarDirective implements OnInit, OnChanges {
@HostBinding('class') class = '';
constructor(private readonly _elementRef: ElementRef) {}
constructor(private readonly _elementRef: ElementRef, private readonly _changeDetector: ChangeDetectorRef) {}
get hasScrollbar(): boolean {
const element = this._elementRef?.nativeElement as HTMLElement;
@ -25,6 +25,7 @@ export class HasScrollbarDirective implements OnInit, OnChanges {
const newClass = this.hasScrollbar ? 'has-scrollbar' : '';
if (this.class !== newClass) {
this.class = newClass;
this._changeDetector.markForCheck();
}
}