disco_3ds-chrome | Stripe Developers | Page 1

silver flameBOT Aug 23, 2024, 3:34 PM

#

compact hollowBOT Aug 23, 2024, 3:34 PM

#

Below are links to other discussions we've had with you in the past week in case you want to review that information. If your question is related to one of these previous discussions, please provide a comprehensive summary of the current state and what you need help with now. We help many users simultaneously, so a summary allows us to resolve your issue as soon as possible.

discostarslayer_code, 1 day ago, 8 messages

silver flameBOT Aug 23, 2024, 3:34 PM

#

👋 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/1276565155043475540

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

ocean swan Aug 23, 2024, 3:34 PM

#

This is the page I am stuck on

#

eventually spinner dissapears and I see just a blank page

#

I'm using test card 4000002760003184

desert sleet Aug 23, 2024, 3:36 PM

#

Hi, can you share the request id that is creating the payment/ setup intent? Here's how you can find a request ID: https://support.stripe.com/questions/finding-the-id-for-an-api-request

#

If you use other cards that need 3DS, do you still see this issue?

#

Are you able to reproduce this reliably?

#

Was this working for you before?

#

I tested this on my end, and it is working for me. Can you share a bit more context please?

#

Screenshot_2024-08-23_at_10.41.20_AM.png

silver flameBOT Aug 23, 2024, 3:43 PM

#

ocean swan Aug 23, 2024, 3:48 PM

#

hey, I am able to reproduce it reliably. Here is the request ID where I confirmed the payment server side, I don't see any events in the logs for the 3d secure actions: req_zDNZyusQ8gGki0

#

it was not working for me before, I'm able to do normal non-3d secure transactions in the sandbox just fine, but not the 3d secure transactions

#

I call "handleNextAction" and the view in my screenshot is displayed with the spinner, handleNextAction promise never resolves and the window stays open

agile kiln Aug 23, 2024, 3:50 PM

#

Hi there 👋 taking over, as my colleague needs to step away

Give me a few minutes to get caught up.

ocean swan Aug 23, 2024, 3:51 PM

#

I can click cancel to dismiss the 3d secure window, and I get the message "We are unable to authenticate your payment method. Pllease choose a different payment method and try again."

#

but otherwise it just sits on a blank screen. And no problem!

agile kiln Aug 23, 2024, 3:53 PM

#

We need way more detail to this. What errors are you seeing in the developer tools? Anything in console? Anything in the network request tab?

ocean swan Aug 23, 2024, 3:54 PM

#

No errors in the network request tab, no errors in the console

agile kiln Aug 23, 2024, 3:56 PM

#

Can you screenshot them?

#

No warnings either?

ocean swan Aug 23, 2024, 3:59 PM

#

Here's a screen recording, no warnings displayed during the process

agile kiln Aug 23, 2024, 4:02 PM

#

If you click on that pending challenge network request that you see pop up once you submit the form, what does it say?

ocean swan Aug 23, 2024, 4:04 PM

#

Let me know if you need any part of it copy/pasted so you don't have to transcribe

#

weird that I can't see the response object, but the endpoint returned a 200 ok

agile kiln Aug 23, 2024, 4:05 PM

#

It's expected that you wouldn't see a response on a pending request, right?

ocean swan Aug 23, 2024, 4:05 PM

#

oh true, sorry, didn't realize it's still pending

#

since i've recorded the video it's still in that state

#

agile kiln Aug 23, 2024, 4:06 PM

#

Can you try removing the Payment Element from that i-frame and display it on the parent page instead?

#

Payment Element gets a bit weird with redirects when it's being rendered in an i-frame

ocean swan Aug 23, 2024, 4:07 PM

#

it isn't rendered on an iframe, the one I was showing in the video was the iframe opened by the stripe element for 3d secure flow

#

it's mounted to a div on the <body> tag

agile kiln Aug 23, 2024, 4:09 PM

#

The actual card form (before you ever enter anything) is showing up in a window with an x on it. Is this not an i-frame? It's sitting with shaders in front of the parent page, so it definitely looks like an i-frame

ocean swan Aug 23, 2024, 4:10 PM

#

no, it's just a kendo UI element called dialog: https://www.telerik.com/kendo-angular-ui/components/dialogs/dialog/, the elements are still on the page and not an iframe

#

see, I can reference it from the root window document just fine

agile kiln Aug 23, 2024, 4:15 PM

#

Just humor me on this one. Usually when a request is pending, it's because Stripe can't reach the element that made it, so that's what queued me into this maybe being i-frame related. Whether or not there is one, let's work backward a bit and see if displaying this on a regular vanilla HTML <div> gets it to work

#

That will at least tell us if the Kendo Dialogue has anything to do with the issue

#

(p.s. this is a pretty cool UI library. Bookmarking for later)

ocean swan Aug 23, 2024, 4:18 PM

#

hmmm, same issue it seems

#

challenge still pending

agile kiln Aug 23, 2024, 4:29 PM

#

If you use another test card for 3DS does it still hang?

ocean swan Aug 23, 2024, 4:58 PM

#

yeah I've tried a few cards now and all seem to resolve with the same flow 🤔

agile kiln Aug 23, 2024, 5:01 PM

#

Let's try one last hail mary here, can you open in incognito and try again? Also, a different browser if that doesn't work.

ocean swan Aug 23, 2024, 5:05 PM

#

well I'll be lol

#

it works in firefox

#

usually I run into this the other way 😅

agile kiln Aug 23, 2024, 5:06 PM

#

Yeah, we probably could have started there

ocean swan Aug 23, 2024, 5:06 PM

#

let me see if I can try in chrome incognito or a new user or something

agile kiln Aug 23, 2024, 5:06 PM

#

Are there any extensions activated in Chrome that might be messing with the form?

ocean swan Aug 23, 2024, 5:06 PM

#

aghhh, it just works on firefox 😭 . Idk why I didn't try that either

agile kiln Aug 23, 2024, 5:07 PM

#

Okay, so it doesn't work in Chrome in incognito either?

ocean swan Aug 23, 2024, 5:07 PM

#

agile kiln Okay, so it doesn't work in Chrome in incognito either?

maybe, let me investigate

#

I haven't changed anything other than closing and reopening chrome and now it works 🙃

#

lol, I wonder what the heck happened

agile kiln Aug 23, 2024, 5:09 PM

#

Probably magic

#

I'll take it 😅

ocean swan Aug 23, 2024, 5:10 PM

#

feels like it haha. Well thanks for helping investigate anyway, didn't think this would be the solution haha

agile kiln Aug 23, 2024, 5:14 PM

#

The classic "did you turn it off and back on again?" question shows up here all the time and I never ask that first, so I guess that's on me 😂

happy coding!

silver flameBOT Aug 23, 2024, 5:18 PM

#

eager epoch Aug 23, 2024, 5:20 PM

#

disco_3ds-chrome

ocean swan Aug 23, 2024, 5:20 PM

#

hey, I think I might have figured out what's causing it. Idk how or why, but if I attach WebStorm debugger to chrome, the 3d secure page won't load

#

if I don't attach it, it loads just fine

eager epoch Aug 23, 2024, 5:22 PM

#

it's definitely possible a tool like this would get in the way

#disco_3ds-chrome