feat(cloud-editor): use resize observer to wait for non-zero containe…

…r size

blocks/CloudImageEditor/src/CloudEditor.js

@@ -40,31 +40,14 @@ export class CloudEditor extends Block {
    * @returns {Promise<void>}
    */
   _waitForSize() {
-    return new Promise((resolve, reject) => {
-      let timeout = 1000;
-      let start = Date.now();
-
-      let callback = () => {
-        // there could be problem when element disconnected and connected again between ticks
-        if (!this.isConnected) {
-          clearInterval(interval);
-          reject();
-          return;
-        }
-        if (Date.now() - start > timeout) {
-          clearInterval(interval);
-          reject(new Error('[cloud-image-editor] timout waiting for non-zero container size'));
-          return;
-        }
-        let { width, height } = this.getBoundingClientRect();
-
-        if (width > 0 && height > 0) {
-          clearInterval(interval);
+    return new Promise((resolve) => {
+      const resizeObserver = new ResizeObserver(([element]) => {
+        if (element.contentRect.width > 0 && element.contentRect.height > 0) {
           resolve();
+          resizeObserver.disconnect();
         }
-      };
-      let interval = setInterval(callback, 50);
-      callback();
+      });
+      resizeObserver.observe(this);
     });
   }