fix(cloud-editor): refetch image on container resize

uploadcare · Mar 10, 2023 · 67ea66f · 67ea66f
1 parent 5686965
commit 67ea66f
Showing 1 changed file with 5 additions and 6 deletions.
diff --git a/blocks/CloudImageEditor/src/EditorImageCropper.js b/blocks/CloudImageEditor/src/EditorImageCropper.js
@@ -93,10 +93,8 @@ export class EditorImageCropper extends Block {
     if (!this.isConnected) {
       return;
     }
-    this._initCanvas();
-    this._alignImage();
-    this._alignCrop();
-    this._draw();
+    this.deactivate();
+    this.activate(this._imageSize, { fromViewer: false });
   }
 
   /** @private */
@@ -493,8 +491,9 @@ export class EditorImageCropper extends Block {
   initCallback() {
     super.initCallback();
 
-    this._observer = new ResizeObserver(() => {
-      if (this._isActive && this.$.image) {
+    this._observer = new ResizeObserver(([entry]) => {
+      const nonZeroSize = entry.contentRect.width > 0 && entry.contentRect.height > 0;
+      if (nonZeroSize && this._isActive && this.$.image) {
         this._handleResizeDebounced();
       }
     });