Iframes and CORS blocked on non-MacOS

winsocial · 2020-10-16T07:40:57.930Z

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.

I suspect the problem is with how bubble uses polyfills. See this issues logged on github Does the polyfill support iframes? · Issue #297 · w3c/IntersectionObserver · GitHub

system · 2020-10-30T07:41:01.992Z

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