perf(column-resize): Further defer initial min/max column size applic…

…ation to reduce layout thrashing (#20238)
angular · Aug 12, 2020 · 3ce4452 · 3ce4452
1 parent c7a7b1e
commit 3ce4452
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/src/cdk-experimental/column-resize/resizable.ts b/src/cdk-experimental/column-resize/resizable.ts
@@ -94,13 +94,15 @@ export abstract class Resizable<HandleComponent extends ResizeOverlayHandle>
   }
 
   ngAfterViewInit() {
-    this._viewInitialized = true;
-
     this._listenForRowHoverEvents();
     this._listenForResizeEvents();
     this._appendInlineHandle();
-    this._applyMinWidthPx();
-    this._applyMaxWidthPx();
+
+    this.styleScheduler.scheduleEnd(() => {
+      this._viewInitialized = true;
+      this._applyMinWidthPx();
+      this._applyMaxWidthPx();
+    });
   }
 
   ngOnDestroy(): void {