Google pay shows processing forever if google pay button is embedded in iframe and webpage is viewed on mobile

[jacob-pecile-CH]

Describe the bug A clear and concise description of what the bug is. I have the google pay button working on a form, but if that form is embedded on another page and that page is being viewed on a mobile device the google window never loads credit cards and instead shows a loading spinner and says processing forever

To Reproduce Steps to reproduce the behavior:

1. Load google pay react button within an iframe on mobile device
2. Click on google pay button
3. google pay window hangs on "processing" view

Expected behavior A clear and concise description of what you expected to happen. google window finishes processing and shows credit cards

Screenshots If applicable, add screenshots to help explain your problem.

Component information:

• Component
  • [X] React component (@google-pay/button-react)
  • [ ] Custom element (@google-pay/button-element)
  • [ ] Angular component (@google-pay/button-angular)
• Component version (e.g. 1.0.0):

Environment:

only appears to occur on chrome from a mobile view (whether an actual phone or using the mobile view from dev tools) Google button must be embedded within an iframe. Was using the react google pay button in the TEST environment