@nasser-sw/fabric 7.0.1-beta20 → 7.0.1-beta22

package/dist/index.mjs

@@ -354,7 +354,7 @@ class Cache {
 }
 const cache = new Cache();
 
-var version = "7.0.1-beta19";
+var version = "7.0.1-beta21";
 
 // use this syntax so babel plugin see this import here
 const VERSION = version;
@@ -30392,6 +30392,11 @@ class Frame extends Group {
      * @private
      */
     _defineProperty(this, "_placeholder", null);
+    /**
+     * Stored objectCaching value before edit mode
+     * @private
+     */
+    _defineProperty(this, "_editModeObjectCaching", void 0);
     /**
      * Bound constraint handler references for cleanup
      * @private
@@ -30972,6 +30977,12 @@ class Frame extends Group {
     }
     this.isEditMode = true;
 
+    // Disable caching during edit mode - otherwise the cache canvas
+    // clips content to the frame bounds, preventing us from seeing
+    // the full image outside the frame
+    this._editModeObjectCaching = this.objectCaching;
+    this.objectCaching = false;
+
     // Enable sub-target interaction so clicks go through to content
     this.subTargetCheck = true;
     this.interactive = true;
@@ -31001,9 +31012,10 @@ class Frame extends Group {
     this._setupEditModeConstraints();
     this.set('dirty', true);
 
-    // Select the content image on the canvas
+    // Just render - don't call setActiveObject() on the content image
+    // because it causes position miscalculation with viewport transforms.
+    // The content image is still interactive via subTargetCheck = true
     if (this.canvas) {
-      this.canvas.setActiveObject(this._contentImage);
       this.canvas.renderAll();
     }
 
@@ -31246,6 +31258,12 @@ class Frame extends Group {
     } else {
       this._updateClipPath();
     }
+
+    // Restore caching setting
+    if (this._editModeObjectCaching !== undefined) {
+      this.objectCaching = this._editModeObjectCaching;
+      this._editModeObjectCaching = undefined;
+    }
     this.set('dirty', true);
 
     // Re-select the frame itself