Hi everyone,
I am building a mobile directory app in Glide to showcase different Android utilities and gaming resource hubs. I added a simple webview component to open external web app portals directly within the app interface so users do not have to leave the Glide PWA container.
However, when I link the webview component or a open URL action to this website, the embedded frame stays completely blank or fails to trigger the interactive download buttons properly. The page renders fine in standard desktop and mobile Safari browsers, but inside the Glide container, it refuses to load the JavaScript assets required for the full experience.
I am also running into a couple of related display glitches with this setup. The dynamic iframe height refuses to auto-adjust on smaller screens, which causes double scrolling bars. On top of that, trying to set an open web page action as an in-app overlay instead of a main view tab causes the PWA frame to stutter and crash on iOS devices.
Has anyone faced similar iframe blockages or script execution delays when linking external web apps inside Glide? Is there a recommended way to bypass webview rendering restrictions, or should I stick strictly to triggering standard external browser links for sites with dynamic scripts?
The web view (iframe embed) will only work if the website being linked to allows iframe embedding. Many sites do not for security reasons. There is not much you can do unless you can convince the owner of the site to allow the site to be iframe embedded.
As for sizing, Glide only provides a few options. The alternative is to use the Custom AI component to create your own iframe embed with whatever iframe window size you need. It’s hard to make it dynamic because the iframe must render before the page loads it’s content and for it to work perfectly, the linked site would need to report it’s content size to the page with the iframe.