#grace-m6795_docs

1 messages · Page 1 of 1 (latest)

next condorBOT
#

👋 Welcome to your new thread!

⏲️ We'll be here soon! Typically we respond in a few minutes, but sometimes we might take a bit longer if the server is busy or if you have a particularly tricky question.

⏱️ We close idle threads, which makes them read-only. Once a thread is closed it won't be reopened, but you can always start a new thread if you have another question.

🔗 This thread will always be available, even after it's closed. You can find it again using Discord's search, or you can save this link: https://discord.com/channels/841573134531821608/1242765250504163389

📝 Have more to share? Add more details, code, screenshots, videos, etc. below.

uneven spoke
#

Hi, let me help you with this.

#

Where do you see this error? Could you please share a screenshot?

ashen hinge
uneven spoke
#

This error doesn't seem like it comes from the Payment Element, are you displaying the error yourself?

ashen hinge
#

No. this is not an error that we display.

#

This error is displayed when we click on buy button after selecting Google Pay or Apple Pay

uneven spoke
#

Do you see any errors in the console? Or do you have a live URL to reproduce the issue?

ashen hinge
open sedge
#

hi! I'm taking over this thread.

#

can you share reproduction steps? on your page Google Pay seem to be working:

image.png
#

and when I click on "buy" the Google Pay popup appears.

ashen hinge
#

One of my team member from the UK does the testing, and for them, the above error appears while clicking the BUY button.

open sedge
#

this is probably an issue on their end. maybe they don't have a valid card in their Google Wallet, maybe they use an extension that breaks Google Pay, maybe somthing else. at least on Stripe's side everything is working as expected, since it's working on my computer.

ashen hinge
#

Popup is showing for us. The above error is displayed when we click on Buy Now button on the popup

open sedge
#

could you share a video of the flow and error?

#

and check if there are any errors in the browser console while you do so?

ashen hinge
#

sure

open sedge
#

thanks, having a look

ashen hinge
#

ok

open sedge
#

can you share your code when you submit the form?

ashen hinge
open sedge
#

FYI the error message shown in your video ("delegation is not allowed without transient user activation") is relevant, it means there's an issue in your code

ashen hinge
#

Can you tell what might have caused the error? Is there any doc which I can refer?

grave wadi
#

Hey! Taking over for my colleague. Could you try adding await before elements.submit() you are not waiting for the Promise to be resolved accoridng to your stripe_js_file

ashen hinge
#

ok. let me try that

sharp horizonBOT
ashen hinge
#

Thank you for your assistance. Google Pay is working now. But Apple Pay still shows the error. Here's the error showed in console - IntegrationError: The code that shows the Apple Pay payment sheet must be invoked directly by a user activation event, like a click or a touch gesture. To prevent this error make sure the code that shows the payment sheet is at or near the top of your user gesture event handler, before any async or long-running code.

junior sky
#

typically that means you're calling something else or another Promise or callback in between the raw .on('click)' event and where you call elements.submit()

#

it's mostly the same error as the previous one, just the message is different in Safari

#

here I think it's because you have a recaptcha hook injected that is what actually calls your processPayment function.

#

you can see the call stack is coming from recaptcha, which is why the browser will block showing Apple Pay. It has to be completely simple, button click event -> call back -> elements.submit(), if you add anything else it won't work.

ashen hinge
#

ok. thank you