diff --git a/packages/editor/src/app/documentRenderers/richtext/FrameHost.tsx b/packages/editor/src/app/documentRenderers/richtext/FrameHost.tsx index 855945563..793e68762 100644 --- a/packages/editor/src/app/documentRenderers/richtext/FrameHost.tsx +++ b/packages/editor/src/app/documentRenderers/richtext/FrameHost.tsx @@ -86,9 +86,16 @@ export function FrameHost(props: { url: string; sessionStore: SessionStore }) { // Methods the parent is exposing to the child methods: methods, }); - connection.promise.then((methods) => { - connectionMethods = methods; - }); + console.info("parent window connecting to iframe"); + connection.promise.then( + (methods) => { + console.info("connected to iframe succesfully"); + connectionMethods = methods; + }, + (e) => { + console.error("connection to iframe failed", e); + }, + ); return iframe; }, [props.url, props.sessionStore]); diff --git a/packages/frame/src/Frame.tsx b/packages/frame/src/Frame.tsx index b07a0a1e3..6e27cc1a4 100644 --- a/packages/frame/src/Frame.tsx +++ b/packages/frame/src/Frame.tsx @@ -135,9 +135,16 @@ export const Frame: React.FC = observer((props) => { // Methods child is exposing to parent methods, }); - connection.promise.then((parent) => { - connectionMethods.current = parent; - }); + console.info("iframe connecting to parent window"); + connection.promise.then( + (parent) => { + console.info("connected to parent window succesfully"); + connectionMethods.current = parent; + }, + (e) => { + console.error("connection to parent window failed", e); + }, + ); }, [modelReceivers]); const document = useResource(() => {