We have our public embedded app hosted in shopify app store and we are using App Bridge in _app.js.
There is a downloadable pdf stored in a blob which should be downloaded on anchor tag link(a href) click event. But click event throws the below error for safari browser(ios):-
"Refused to load blob:https://shopify-dev-app.azurewebsites.net/2b3d42fa-dba8-4230-b06e-3d1b257b7fe8 because it does not appear in the frame-src directive of the Content Security Policy."
This works fine for google chrome, but throws the above error for Safari browser(ios). The Content Security Policy of shopify blocks our download feature from the UI.
Appreciating any help or work around for this to work in embedded app . Please see the below error screenshot also.
@bibin where you able to find a solution for the issue?