Running an app in an iframe - not working for Safari and Edge

[TedM]

This is not an Appsheet issue but I thought I'd ask here anyway:

I have an app running in an iframe for demo purposes on my website.

I'm a Chrome user and it works perfectly but I've found that the app isn't loading properly (it sticks at 'Syncing the app' about 75% through) in Safari and Edge.

Anybody have thoughts on what could be causing this? 

[Koichi_Tsuji · Accepted solution]

This is restriction with i frame.

Any embeded service inside I frame, which needs authentication, then it wont work.

You make your app to sample app (for anyone)  and deploy. And then emded this with i frame. I should work.

[TedM]

I shall give that a try...... 👍

[TedM]

Still not working. 😣

Actually it was already a sample (but not deployed) which is probably why it works fine in Chrome but not Safari.

Stupid me...... I, of course, am logged into my google account when trying the app in an iframe.... I am not logged into google on the other browsers.  It must be the authorisation!!

[TedM]

Fixed!!

Edit: I thought I would explain what happened just in case anyone else is as stupid as me!!

Although the app was set as a sample, and loaded in the iframe absolutely fine on all my devices and browsers, I hadn't taken into account that all my devices were logged into Google and as such got past the app authorisation stage. 
When I reloaded the page in a private chrome window (or in Edge, which is not logged in) the app didn't load.

It was at that point that I realised @Koichi_Tsuji was, of course, correct!!
Removing all references to USEREMAIL() in the app and disabling "Require user signin" sorted the issue.