fix: missing transition when hiding areas in pixel mode (#456)

Harpush · web-flow · commit b6efdb057738 · 2024-10-19T09:58:40.000+02:00
diff --git a/projects/angular-split/src/lib/split/split.component.ts b/projects/angular-split/src/lib/split/split.component.ts
@@ -127,13 +127,13 @@ export class SplitComponent {
     let visitedVisibleAreas = 0
 
     this._areas().forEach((area, index, areas) => {
+      const unit = this.unit()
+      const areaSize = area._internalSize()
+
       // Add area size column
       if (!area.visible()) {
-        columns.push('0fr')
+        columns.push(unit === 'percent' || areaSize === '*' ? '0fr' : '0px')
       } else {
-        const areaSize = area._internalSize()
-        const unit = this.unit()
-
         if (unit === 'pixel') {
           const columnValue = areaSize === '*' ? '1fr' : `${areaSize}px`
           columns.push(columnValue)
