Skip to main content

Hi, I have 3 Figma embedded files on my site here: https://drabsch.com/portfolio/items/australian-ethical/


The page & embeds load fine in desktop Safari & Chrome, but when viewing it on an iPhone in Safari, the page crashes. I get the system error message “A problem repeatedly occurred on (website URL)”.


Not sure what to do here?

It turns out one of the embedded files was causing the problem. Here’s the code that was removed:


<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="100%" height="600" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Fdesign%2FPd3TqHq43eDne9jlS8A55R%2F%25F0%259F%258C%258F-Atomic-Components-(AE-Digital-Products)-(Copy)%3Fnode-id%3D7829-40994%26t%3DV92JBy2MpDxYMJtO-1" allowfullscreen></iframe> 

I’m running into the same issue. I’m including the very simple iframe embed code directly from Figma’s share dialog into a bare-bones Next.js website, and getting hundreds on console errors, warnings, and issues. Any of page on my site has 0 console errors warnings or issues.


I’ve experienced an occasional crash on the page that has two Figma embeds (one Figma file, on FigJam file) on the mobile Safari browser (iOS 17.5.1), but it hasn’t been too bad—it feels random But, on top of that, in any mobile browser (Safari, Chrome, Arc, Brave) if I attempt to pinch-to-zoom on any images (or sometimes anywhere, including the embed), the page either reloads for no reason, or crashes.


My main concern, though is on my production website on desktop web (any browser), is the hundreds on console errors, warnings, and issues on a statically generated website page (happening using both Jekyll and Next.js). This seems bad. Like, real bad.


Reply