Jesse Baker
--- a/ui/src/hooks/useSyncIframeHeightToContent.ts
+++ b/ui/src/hooks/useSyncIframeHeightToContent.ts
          // to an ever-increasing iFrame height!
          const elements: NodeListOf<HTMLElement> =
            iframeHTML.querySelectorAll('*');
-        elements.forEach((element: HTMLElement) => {
-          if (element.style.height.endsWith('vh')) {
+          elements.forEach((element) => {
+            if (
+              element instanceof HTMLElement &&
+              element.style.height.endsWith('vh')
--- a/ui/src/hooks/useSyncIframeHeightToContent.ts
+++ b/ui/src/hooks/useSyncIframeHeightToContent.ts

          resizeIframe();
        }
+      };
+
+      // Assign the load event listener
+      iframe.addEventListener('load', handleLoad);
+
+      // Check if the iFrame is already loaded
+      if (iframe.contentDocument?.readyState === 'complete') {
+        handleLoad();
--- a/ui/tests/e2e/component-operations.cy.js
+++ b/ui/tests/e2e/component-operations.cy.js
      force: true,
      scrollBehavior: false,
    });
+    cy.waitForComponentNotInPreview('Image');