fix: horizontal resize to max column count

Author: onlyexeption

src/components/tile-manager/resize-state.ts

@@ -273,14 +273,14 @@ class TileResizeState {
           tilePosition: this.position.row,
           tileGridDimension: this.rows,
           gap: this._gap,
-          allowOverflow: true,
+          isRow,
         }
       : {
           targetSize: rect.width,
           tilePosition: this.position.column,
           tileGridDimension: this.columns,
           gap: this._gap,
-          allowOverflow: false,
+          isRow,
         };
   }
 }

src/components/tile-manager/resize-util.ts

@@ -86,8 +86,7 @@ export class ResizeUtil {
   }
 
   public calculateResizedSpan(props: ResizeSpanProps): number {
-    const { targetSize, tilePosition, tileGridDimension, gap, allowOverflow } =
-      props;
+    const { targetSize, tilePosition, tileGridDimension, gap, isRow } = props;
     const { entries, minSize } = tileGridDimension;
 
     let accumulatedSize = 0;
@@ -105,12 +104,9 @@ export class ResizeUtil {
     if (targetSize > availableSize) {
       const remainingSize = targetSize - availableSize;
 
-      if (allowOverflow) {
-        const additionalSpan = Math.ceil(remainingSize / (minSize + gap));
-        return sizesAfterStart.length + additionalSpan;
-      }
-
-      return sizesAfterStart.length;
+      const additionalSpan = Math.ceil(remainingSize / (minSize + gap));
+      newSpan = sizesAfterStart.length + additionalSpan;
+      return isRow ? newSpan : Math.min(entries.length, newSpan);
     }
 
     for (let i = tilePosition.start - 1; i < entries.length; i++) {

src/components/tile-manager/types.ts

@@ -29,5 +29,5 @@ export type ResizeSpanProps = {
   tilePosition: TilePosition;
   tileGridDimension: TileGridDimension;
   gap: number;
-  allowOverflow: boolean;
+  isRow: boolean;
 };