Embedded app blocked from accessing cross origin frame even after setting frame ancestors CSP

Embedded app blocked from accessing cross origin frame even after setting frame ancestors CSP

ksoenandar
Shopify Partner
7 0 2

I'm getting the following error in my embedded app as I try to instantiate AppBridge

Blocked a frame with origin "https://<abcxyz>.ngrok.io" from accessing a cross-origin frame.

I've set the frame ancestors directive of my apps per the instructions here https://shopify.dev/apps/tools/app-bridge/getting-started. Can anyone point out what I'm doing wrong here?

Replies 2 (2)

LongPC
Shopify Partner
7 0 3

@ksoenandar Did you have any solutions?

EvanEDA
Shopify Partner
1 0 0

Getting the same error on a particular theme and only on Google Chrome. Very odd can't fix it even with Shopify Support.