Reporting Issue with Embedded App on Shopify iOS App

Shopify Apps
1

We have cards made with iframe that render some html and css, we have noticed that the cards are not displaying content(the html/css) when we use our embedded app in the shopify iOS app, despite working perfectly fine on the Android app and in browsers.
We dynamically build with javascript the html document, we want to render inside an iframe, and assign it via the srcdoc attribute. We also set the src attribute to src="about:blank"
We were wondering if this is a known issue with the Shopify iOS app, and if there are any suggestions you have on how to resolve this issue?

Thanks in advance!

2

Hello,

maybe specifying and allow that the iframe is from the same origin by adding “allow-same-origin”

<iframe src="about:blank" srcdoc="..." allow-same-origin=""></iframe>

or replacing about:blank with an empty html file

<iframe src="empty_html_file.html" allow-same-origin=""></iframe>