Recompute column width on window resize

runbox · Jan 10, 2025 · ef2bdea · ef2bdea
1 parent 3438fcd
commit ef2bdea
Showing 1 changed file with 11 additions and 4 deletions.
diff --git a/src/app/resizable-button/resizable-button.component.ts b/src/app/resizable-button/resizable-button.component.ts
@@ -24,16 +24,23 @@ export class ResizableButtonComponent implements AfterViewInit {
 
   ngAfterViewInit() {
     const parentElement = this.elementRef.nativeElement.parentElement;
-    this.initialWidth = window.getComputedStyle(parentElement).width;
 
-    if (parentElement) {
-      this.widthChange.emit(parentElement.offsetWidth);
-    }
+    this.initialWidth = parentElement.style.width;
+
+    this.resetWidth()
   }
 
   resetWidth() {
     const parentElement = this.elementRef.nativeElement.parentElement;
+
     parentElement.style.width = this.initialWidth;
+
+    setTimeout(() => {
+      const width = window.getComputedStyle(parentElement).width;
+
+      parentElement.style.width = width;
+      this.widthChange.emit(parentElement.offsetWidth);
+    }, 10);
   }
 
   @HostListener('window:resize')