Search code examples
javascripthtmliphoneiframe

Web page with scripted iframes not working on iPhone


I have a web page based on iframes, working on Android, Windows, and Linux. I can't test it on iPhone or MacOS, but people reported it doesn't work on iPhone.

The page is here: https://fractarchy.github.io/fractarchy-cms/

I'd appreciate if someone could help me working this out, or maybe to get me a report from Safari Developer Console, so I can draw my next moves.

I still have no data on what's happening on iPhone, I only know "it is not working" (probably not working on MacOS too).

On all other tested platforms, you should see this web page:

enter image description here


Solution

  • I use a lot of clipping in rendering the contents, but it happens that Safari browser has a bug with clipping. The solution is to wrap clipped element within a <div> and to clip that parent <div> element.