GooglePay Error: "Must be in a top-level browsing context or an iframe needs to specify 'allowpaymentrequest' explicitly"

Question

This has happened to me when I tried to add Google Pay via Stripe into my app. It has appeared only after deployment, not during local development.

The app does not use any iframes and the code is run in top-level browser context.

score 3 · Accepted Answer · answered Nov 17 '21 at 14:23

3

It turned out this was due to this permission policy: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Feature-Policy/payment.

I had Permissions-Policy: geolocation=(), microphone=(), camera=(), payment=(self). Removing the payment restriction allowed me to get rid of this error.

I tried to find what origins to put there specifically to make Google Pay work well, but I could not find any good resources.

answered Nov 17 '21 at 14:23

Martin Malinda

1,573
11
20

1

this was driving me crazy as well, thank you for sharing your answer, wish i could find the proper settings to just allow google but at least i'm done pulling my hair out – keepevets Mar 15 '22 at 22:01

GooglePay Error: "Must be in a top-level browsing context or an iframe needs to specify 'allowpaymentrequest' explicitly"

1 Answers1