UI-Modal Iframe Not Rendering on iOS App

Retired Boards Appdev Tools

Topic summary

A developer is experiencing an issue where a UI modal component with an iframe fails to render when accessed through the iOS app, while working correctly on other platforms.

Implementation Details:

  • Using the ui-modal component with max variant for full-screen display
  • Following App Bridge guidelines by using the src attribute to load complex React functionality via iframe
  • Code example provided shows basic modal structure with title bar and iframe source

Current Status:

  • Issue is specific to iOS app viewing
  • Works properly on other platforms
  • Seeking confirmation if others have encountered this problem and whether a known solution exists
Summarized with AI on November 8. AI used: claude-sonnet-4-5-20250929.
1

I’m using the ui-modal max variant for a full screen section in my embedded app per the latest App Bridge guidelines. Since the full screen components require complex React functionality I’m using the src attribute to display the contents as an iframe within the modal (which is recommended by the docs). Everything works fine on most platforms, except the modal iframe contents don’t render when viewed via the iOS app. I’m wondering if anyone else has experienced this issue and if there’s a known solution?

Here’s a basic an example of how the modal code is implemented:

<ui-modal id="my-modal" variant="max" src="https://...">
  <TitleBar title="Modal Title">
  </TitleBar>
</ui-modal>