Coda Forms throws error in console

Hi,

I have a use case where I want to load a form on my landing page.
The form loads fine but throws and error in the console which is bad from and SEO perspective.

It throws following error:
Uncaught DOMException: Blocked a frame with origin “https://coda.io” from accessing a cross-origin frame.
at https://coda.io/embed/SSGBZrz2NK:201:51

Following code throws the error:
if (window.location.href !== top.location.href && window.location.origin === top.location.origin) {
document.body.classList.add(‘isSelfEmbed’);
}

This seems to be a same origin polocy problem as the code in the form tries to access top.location.href which is not allowed in an iframe.

Could you maybe have a look at this and add a try / catch clause to not throw this error to the console?

1 Like
It also throws this errors:

Uncaught (in promise) ChunkLoadError: Loading chunk 589 failed.
(error: https://cdn.coda.io/assets/589.2ad846a9bc9e719a5fb9.chunk.js)
    _loadClient https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    dh https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    <anonymous> https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    _updateCalculationServiceClient https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    build https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    build https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    _buildDocument https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    _loadDocument https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    componentDidMount https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    ha https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    Rc https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    unstable_runWithPriority https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    zo https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    Ac https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    mc https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    uc https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    Kc https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    tu https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    gc https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    tu https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    render https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    gp https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    onload https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    88838 https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    __webpack_require__ https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    <anonymous> https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    <anonymous> https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    <anonymous> https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    j https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    e https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    e https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    o https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    v https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    l https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    _loadClient https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    dh https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    <anonymous> https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    _updateCalculationServiceClient https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    build https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    build https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    _buildDocument https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    _loadDocument https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    componentDidMount https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    ha https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    Rc https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    unstable_runWithPriority https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    zo https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    Ac https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    mc https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    uc https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    Kc https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    tu https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    gc https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    tu https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    render https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    gp https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    onload https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    88838 https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    __webpack_require__ https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    <anonymous> https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    <anonymous> https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    <anonymous> https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
external-form.05893bbf1b4f6548505e.entry.js:2:5133347

Uncaught (in promise) ChunkLoadError: Loading chunk 745 failed.
(error: https://cdn.coda.io/assets/calc_client.7441868c39a192fe3d20.chunk.js)
    j https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    e https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    e https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    o https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    v https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    l https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    _loadClient https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    dh https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    <anonymous> https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    _updateCalculationServiceClient https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    build https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    build https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    _buildDocument https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    _loadDocument https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    componentDidMount https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    ha https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    Rc https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    unstable_runWithPriority https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    zo https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    Ac https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    mc https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    uc https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    Kc https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    tu https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    gc https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    tu https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    render https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    gp https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    onload https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    88838 https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    __webpack_require__ https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    <anonymous> https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    <anonymous> https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
    <anonymous> https://cdn.coda.io/assets/external-form.05893bbf1b4f6548505e.entry.js:2
1 Like

Hi Alex! Thanks for bringing this to our attention. Indeed, we should be catching that exception, we’ll get this fixed up, should be live in a couple days.

1 Like

Hi,

Thank you for the update.