diff --git a/docs/release-notes-common.md b/docs/release-notes-common.md index fb2ef3e98c862cf250afd474f8ad7c3a0bab850b..9ce4ee9cf93c28c2d9ceb08eac301a8099c9073e 100644 --- a/docs/release-notes-common.md +++ b/docs/release-notes-common.md @@ -1,5 +1,9 @@ Allgemein ========= +## next +### Fehlerbehebungen +- Behebt "Flackern"-Fehler von Eingabebereichen mit dynamischen Zeilen unter Chromium + ## editor/2.5.0+player/2.5.0 ### Neue Funktion - Neues Element: Tabelle diff --git a/projects/common/directives/dynamic-rows.directive.ts b/projects/common/directives/dynamic-rows.directive.ts index 6430cd7e650344dc3d547aecfc0848ca6286c681..39378d81a69abc8c081b8297e93f66bcae994d44 100644 --- a/projects/common/directives/dynamic-rows.directive.ts +++ b/projects/common/directives/dynamic-rows.directive.ts @@ -1,11 +1,21 @@ import { - AfterViewInit, ChangeDetectorRef, Directive, ElementRef, EventEmitter, Input, NgZone, OnChanges, Output, SimpleChanges + AfterViewInit, + ChangeDetectorRef, + Directive, + ElementRef, + EventEmitter, + Input, + NgZone, + OnChanges, + OnInit, + Output, + SimpleChanges } from '@angular/core'; @Directive({ selector: '[dynamicRows]' }) -export class DynamicRowsDirective implements AfterViewInit, OnChanges { +export class DynamicRowsDirective implements OnInit, AfterViewInit, OnChanges { @Input() fontSize!: number; @Input() expectedCharactersCount!: number; @Output() dynamicRowsChange: EventEmitter<number> = new EventEmitter<number>(); @@ -20,9 +30,9 @@ export class DynamicRowsDirective implements AfterViewInit, OnChanges { ) {} ngOnInit(): void { - this.observer = new ResizeObserver(entries => { + this.observer = new ResizeObserver(() => { this.zone.run(() => { - this.width = (entries[0].contentRect.width); + this.width = this.elementRef.nativeElement.offsetWidth; this.calculateDynamicRows(); }); });