ApplePay within an iframe

[luigi-xdesign]

General information

• SDK version: 3.88.4
• Environment: Sandbox (maybe production as well)
• Browser and OS: Safari 17.1 (19616.2.9.11.7) on MacOS Sonoma 14.1.1

Issue description

I am trying to test Apple Pay support in an iframe on the latest version of Safari (Apple Pay support in an iframe was added here PR and it was released on September 18, 2023 for Safari 17. Release logs)

Historically, Apple Pay does not work in an iframe. It was updated to work with the allow=payment attribute in the above PR.

Steps to reproduce:

• domain A opens up an iframe with sub domain B where ApplePay button shows up. The ApplePay button only loads with allow="payment" attribute added to the iframe.
• Click on pay button: We used a test card (Apple sandbox account).
• The confirmation ApplePay pop up shows up but it ends up showing "Payment not completed" error.

Loading sub domain B in a new window and testing the payment flow has no issues.

Is there any documentation or guide to make this work?

Thank you!

[hollabaq86]

👋 Thanks for reaching out.

I'm genuinely curious: why do you need to load ApplePay within an iframe? Any info on your use case would be helpful, thanks.

[luigi-xdesign]

👋 Thanks for reaching out.

I'm genuinely curious: why do you need to load ApplePay within an iframe? Any info on your use case would be helpful, thanks.

Hi @hollabaq86 . Due to technical reasons and how the project architecture has been designed web app A loads a different web app B (the one responsible of payments) and this payments app is loaded through an iframe.

[zelda26]

I have exactly the same issue.

If I open the url of the iframe in a new window, it works though.

[zelda26]

Hello @hollabaq86 or any member from the Braintree team, could you tell me if you are actively tracking this issue or if you would have a fix in the roadmap by any chance? thank you ☺️

[acmoore1]

I have the same problem and issue. Any one got a fix?

[JuanGongora]

Is there an update on this? I also have this existing issue.

[markwallman]

Looking to get a response from Braintree on this one to.

[danshirley1]

We have a solution involving pulling in the braintree and apple pay scripts in the parent page, using Post Messages to communicate between parent page and iFrame, which is working but undesirable.

As above, it would be good if we can get some formal docs around this from Braintree. Thanks.