Using setTimeout loads the iframe more reliably

Author: akirk

frontend/app.ts

@@ -19,7 +19,9 @@ export function renderBlock(containerId: string, props: BlockProps) {
     };
 
     const element = createElement(Block, blockProps);
-    render(element, document.getElementById(containerId));
+    setTimeout( function() {
+        render(element, document.getElementById(containerId));
+    }, 1 );
 }
 
 export type PopupProps = Omit<BasePopupProps, "iframeUrl">;

frontend/block/view.ts

@@ -9,7 +9,7 @@ declare global {
     }
 }
 
-window.addEventListener('load', () => {
+window.addEventListener('DOMContentLoaded', () => {
     const config = window.ChatrixBlockConfig;
     if (!config) {
         throw "ChatrixBlockConfig is not defined";