search

stripe / react-stripe-js

React components for Stripe.js and Stripe Elements
https://stripe.com/docs/stripe-js/react
MIT License
1.76k stars 270 forks source link

[BUG]: 3DS Challenge popup appearing below google pay popup #516

Closed jackhugh closed 1 month ago

jackhugh commented 4 months ago

What happened?

When paying with google pay, any 3DS challenge popup appears below the google pay native UI so it cannot be interacted with.

Environment

Windows - chrome

Reproduction

Calling paymentRequest.show()

Screenshot 2024-07-05 at 13 34 14
stale[bot] commented 3 months ago

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

brendanm-stripe commented 3 months ago

Hey there, this suggests you've not integrated as we recommend in our guide here: https://docs.stripe.com/stripe-js/elements/payment-request-button?client=html#complete-payment

Note that there are two confirmCardPayment calls, first with {handleActions: false} then without that, after calling complete() to dismiss the browser payment UI. Using this approach, you should be able to correct the issue.

stale[bot] commented 2 months ago

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.