fix(tile): Resize-end setting correct width/height after transition

Author: rkaraivanov

src/components/resize-container/resize-container.ts

@@ -94,6 +94,10 @@ export default class IgcResizeContainerComponent extends EventEmitterMixin<
     return this._mode;
   }
 
+  public setSize(width: number, height: number): void {
+    this._controller.setSize(width, height);
+  }
+
   constructor() {
     super();
 

src/components/resize-container/resize-controller.ts

@@ -72,6 +72,16 @@ class ResizeController implements ReactiveController {
     this._activeRef = null;
   }
 
+  /** Assign the given width and height in pixels to the resize target of the controller. */
+  public setSize(width: number, height: number): void {
+    if (this._resizeTarget) {
+      Object.assign(this._resizeTarget.style, {
+        width: `${width}px`,
+        height: `${height}px`,
+      });
+    }
+  }
+
   /** @internal */
   public hostConnected(): void {
     this._host.addEventListener('pointerdown', this);
@@ -144,9 +154,7 @@ class ResizeController implements ReactiveController {
     this._options.end?.call(this._host, parameters);
     this._state.current = parameters.state.current;
 
-    parameters.state.commit?.call(this._host) ??
-      this._updatePosition(this._resizeTarget);
-
+    this._updatePosition(this._resizeTarget);
     this.dispose();
   }
 

src/components/resize-container/types.ts

@@ -12,7 +12,6 @@ export type ResizeState = {
   deltaY: number;
   ghost: HTMLElement | null;
   trigger: HTMLElement | null;
-  commit?: () => unknown;
 };
 
 export type ResizeCallbackParams = {

src/components/tile-manager/tile.ts

@@ -461,13 +461,12 @@ export default class IgcTileComponent extends EventEmitterMixin<
     });
 
     await transition?.finished;
-    const updatedSize = this._resizeState.calculateResizedSize(
+
+    const { width, height } = this._resizeState.calculateResizedSize(
       this._cssContainer
     );
 
-    state.current.width = updatedSize.width;
-    state.current.height = updatedSize.height;
-
+    this._resizeContainer?.setSize(width, height);
     this._setResizeState(false);
   }