red_payment-element-load-event | Stripe Developers | Page 1

winged lanceBOT Oct 27, 2025, 5:35 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/1432422440708870255

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

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.

red_api, 2 hours ago, 26 messages

#

serene stag Oct 27, 2025, 5:35 PM

#

can we chat on the previous thread?

wispy trench Oct 27, 2025, 5:40 PM

#

No. We close threads due to inactivity after ~30-45 minutes or if we get an affirmative that the situations was resolved. We don't re open threads.

I will be happy to discuss your issue here if you can provide me a clear summary of the state of your question.

serene stag Oct 27, 2025, 5:48 PM

#

Ok

#

Can you see the other thread?

#

It has all the context

wispy trench Oct 27, 2025, 5:48 PM

#

I can but I want you to summarize where you are at currently as well

serene stag Oct 27, 2025, 5:49 PM

#

I can repeat here if you’d like

wispy trench Oct 27, 2025, 5:49 PM

#

The thread ended with my colleague asking you to add some logs to your Stripe.JS

serene stag Oct 27, 2025, 5:49 PM

#

Remove some

#

it's the same situation - the ready event fires, and then the page finishes loading

#

it's support to fire when it's finished loading?

#

you can try it here: https://links.thehibiscusraleigh.com/widget/bookings/hibiscusbookings-sunday6hourspef2bv

#

listener for paymentElement ready event will show this console message: "in paymentElementReady with event: {"elementType":"payment"}"

wispy trench Oct 27, 2025, 5:51 PM

#

The ready event should fire when

Triggered when the Element is fully rendered and methods on the instance, like element.focus() and element.update(), can be called.

serene stag Oct 27, 2025, 5:51 PM

#

and then "payments:441 made topDiv visible" when it's made visible

#

right - it's not fully rendered as you can see

#

or I can record a video if you'd prefer?

wispy trench Oct 27, 2025, 5:52 PM

#

Videos are not helpful, no

serene stag Oct 27, 2025, 5:53 PM

#

ok

#

I make the div that's surrounded with box visible when ready event fires

wispy trench Oct 27, 2025, 5:54 PM

#

Oh boy. I have to fill all this out for every refresh?

serene stag Oct 27, 2025, 5:55 PM

#

every time you want to try it, yes

#

it's integrated with GoHighLevel so I don't have control over that

wispy trench Oct 27, 2025, 5:55 PM

#

And what is the sequence of events logged in the console that indicates this is a problem?

serene stag Oct 27, 2025, 5:56 PM

#

you will see the message that the ready event fires - and the box is made visible

#

and yet the Element continues to render after it

#

my goal is: show Loading... while Stripe UI is loading in visible:hidden div, and then when ready event is fired, make it visible, to show it fully rendered for the user

wispy trench Oct 27, 2025, 5:59 PM

#

I do see a brief flicker (~0.3s) but I take your meaning. Let me see if I can rerpo on my test integration

serene stag Oct 27, 2025, 5:59 PM

#

ok thanks!

#

I see a lot longer on my side. And even long for card / bank / cashapp images to finish loading

wispy trench Oct 27, 2025, 6:03 PM

#

Okay for me it's pretty instant. I'll try throttling to 3G

serene stag Oct 27, 2025, 6:03 PM

#

huh, I'm on gigabit hardwired ethernet

#

let me try in a different browser (I'm on chrome)

wispy trench Oct 27, 2025, 6:04 PM

#

Okay I still see the instant rendering (I'm on Chrome too) but the logos took longer (we load those separately)

serene stag Oct 27, 2025, 6:05 PM

#

huh - it is super fast on safari!

#

that's so weird

#

but I think it's working as designed on your side!

#

thanks for the help

wispy trench Oct 27, 2025, 6:08 PM

#

Happy to stumble along with you! All the layers between what we code and what the browser renders can make this pretty tricky to debug

serene stag Oct 27, 2025, 6:11 PM

#

yep, I spent a long time on it last night while you guys were offline

#

I'll try and figure out my chrome deal - but good to hear it's working for you in chrome

wispy trench Oct 27, 2025, 6:13 PM

#

Yeah, like I said, I do see the lag for the icons when I throttle my connection but unfortunately I don't think we can avoid that as they load separately from the Payment Element itself.

serene stag Oct 27, 2025, 6:15 PM

#

that's all good. Thanks again!

wispy trench Oct 27, 2025, 6:15 PM

#

Happy to shed what 💡 I can 🙂

winged lanceBOT Oct 27, 2025, 6:44 PM

#

#red_payment-element-load-event