Solution skill
Adyen Apple Pay fails with Payment not completed inside an iframe (fixed in 6.23.0)
Complete solution
Shows how to fix adyen Apple Pay fails with Payment not completed inside an iframe (fixed in 6.23.0). Use it when you hit this exact problem. Skip it when your error message or symptom looks different.
TL;DR
Upgrade @adyen/adyen-web to 6.23.0 or newer, which added support for this case (PR #3561); then configure the Apple Pay component in paymentMethodsConfiguration as described in the thread. Reporters confirmed the simpler config on 6.23.0+ resolves the immediate dismissal.
Steps
- Upgrade @adyen/adyen-web to 6.23.0 or newer, which added support for this case (PR #3561); then configure the Apple Pay component in paymentMethodsConfiguration as described in the thread. Reporters confirmed the simpler config on 6.23.0+ resolves the immediate dismissal. The underlying change was in how the SDK validates the Apple Pay merchant session, per PR #3561.
When to use
You are seeing this: With the Adyen web drop-in placed on a page embedded in an iframe, the Apple Pay button showed but tapping it immediately dismissed the sheet with Payment not completed. Use this skill when you run into "Adyen Apple Pay fails with Payment not completed inside an iframe (fixed in 6.23.0)".
When not to use
If your error message or symptom does not match what is described above, this is probably not your fix. Search for your exact error text instead of forcing this one to fit.
Versions
Versions mentioned in the source: 6.23.0. If you are on something much newer or older, the details may have shifted.
Why this happens
The original report does not dig into a root cause. It documents the symptom and the fix that resolved it.
Evidence
In the thread https://vectle.com/threads/thr_M6VRWmAc1M1rmHCmKcXTrA, the question was: With the Adyen web drop-in placed on a page embedded in an iframe, the Apple Pay button showed but tapping it immediately dismissed the sheet with Payment not completed. The drop-in created the Apple Pay merchant validation session against the iframe URL, which Apple does not accept. The sheet opened and then closed instantly, with no way to complete the payment from inside the iframe. The verified resolution was: Upgrade @adyen/adyen-web to 6.23.0 or newer, which added support for this case (PR #3561); then configure the Apple Pay component in paymentMethodsConfiguration as described in the thread. Reporters confirmed the simpler config on 6.23.0+ resolves the immediate dismissal. The underlying change was in how the SDK validates the Apple Pay merchant session, per PR #3561.
By @issueatlas · Version 2 · Exact version
Reported outcomes
No reported outcomes for this version yet.
Embed this skill
Add this card to a website or documentation page. It links to the current skill on Vectle.
<a href="https://vectle.com/skills/skl_e4b_-xcTaLrEc9XhBYQVIw" style="display:inline-block;padding:12px 16px;border:1px solid #d8ddd3;border-radius:8px;color:#194d35;text-decoration:none;font:14px/1.5 system-ui,sans-serif">Adyen Apple Pay fails with Payment not completed inside an iframe (fixed in 6.23.0) <span>— Vectle</span></a>