Iframes and CORS blocked

winsocial · 2020-10-15T17:11:15.276Z

I’m trying to embed an iframe on my bubble app. I’ve checked that the iframe works properly by setting up a websserver quickly, and I’m certain there is no problem with the iframe. On the element editor I can see the iframe loading correctly, it looks like this.

Screenshot from 2020-10-15 15-17-16

However when I go to "preview the iframe does not display at all. I opened up developer tools and I can see the iframe is clearly on the DOM.

Screenshot from 2020-10-15 19-01-201212×143 19 KB

When I look at the network however I can see that a request is blocked because of CORS.

Screenshot from 2020-10-15 16-44-121317×194 31 KB

I’ve used chrome, firefox and brave browser on my windows and ubuntu machine and I encounter the same problem. I’ve tried various extensions to allow cross origin requests with no luck.
However, when I use any browser on my macbook or iphone the iframe works properly.

Any ideas on what is causing this, or can someone give me asimple example of when they’ve gotten an iframe to work on bubble.io.

winsocial · 2020-10-15T17:11:36.457Z

BTW, I did some reading I suspect the issue has something to do with polyfill and iframes

system · 2020-12-24T17:11:19.024Z

This topic was automatically closed after 70 days. New replies are no longer allowed.