Cross Origin Issue?

[erwstout]

I'm receiving this error when using this component,

Uncaught DOMException: Failed to read the 'contentDocument' property from 'HTMLIFrameElement': Blocked a frame with origin "https://myapp.herokuapp.com" from accessing a cross-origin frame.

I have tried setting setOrigin to false and also an array of URLs and still get this error when building.

Is this a bug or is it because I'm on different domains for the React app and iframe src?

Thanks!

[psingh157]

Same error for me, any update please??

[erwstout]

Yeah, it seems to work fine but still outputs the error .

[psingh157]

but not working for me :(

[erwstout]

Actually, seems it causes errors preventing the form in my iframe from even submitting. Fun.

[wvengen]

Looks like a duplicate of #5.

[erwstout]

@wvengen sorta. The error message is the same, however my iframe is resizing so that could be a key difference in the issue.

[marzelin]

You have to be on the same origin to be able to inject the iframe script (iframeResizer.contentWindow.min.js) from the host site. However, if the script is already injected into the hosted page, you can avoid this error by setting iframeResizerUrl={false}.

Since your iframe is resizing it suggests that the iframeResizer.contentWindow is already injected into the hosted site.