burton-tran_payment-element-apple-pay | Stripe Developers | Page 1

sand fjordBOT Apr 21, 2025, 3:05 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/1363893378668040244

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

loud forge Apr 21, 2025, 3:08 PM

#

Previously, when first time click Stripe, Apple Pay will automatic open, but now card method open instead.

How can I make Apple Pay open as default when user select Stripe Payment?

arctic night Apr 21, 2025, 3:09 PM

#

Hi 👋

Since we control the Payment Element, we may periodically change it's behavior if we collect data indicating that's better for overall conversion.

My teammates and I in this forum won't always have insight into the specifics of why certain changes were made.

That being said, I just tested on my test page, and my integrations still seem to be respecting the order I set via paymentMethodOrder. Is your integration not following the order you're showing specified in the code you shared?

loud forge Apr 21, 2025, 3:15 PM

#

paymentMethodOrder is correct, you can see the sequence in the screenshot, top select is Apple Pay.

But when user click Stripe payment, Card will show first, and then after 1-2s, Apple Pay appear later. I wonder that why is this happen because it's not same as previous behavior. Previous behavior is Apple Pay and Card appear same time when user click Stripe to payment, and Apple Pay will open (not collapse) as a default selection.

Please see the screen record

arctic night Apr 21, 2025, 3:17 PM

#

Apple Pay has always been added to the Payment Element after some delay, because first we have to run some checks to confirm whether we should show Apple Pay as an option for the customer.

loud forge Apr 21, 2025, 3:19 PM

#

Does any Payment Element config to wait until confirm finish?
Because I want Apple Pay to show first

arctic night Apr 21, 2025, 3:25 PM

#

Can you try setting loader to always when creating the Elements instance?
https://docs.stripe.com/js/elements_object/create_without_intent#stripe_elements_no_intent-options-loader

I ran a quick test, and it seems like it's doing what you're hoping.

loud forge Apr 21, 2025, 3:41 PM

#

No it's not working at all 😦

#

<Elements stripe={stripeInstance} options={{ clientSecret, locale, appearance: getAppearance(themes, store), loader: "always"  }}>
          <CheckoutForm />
        </Elements>

Added loader : "always" to Elements but it's not work

arctic night Apr 21, 2025, 3:42 PM

#

What isn't working? You don't see the loader? You're encountering an error being thrown to your browser console? Or there isn't any error but the delay is also still present?

sand fjordBOT Apr 21, 2025, 3:44 PM

#

loud forge Apr 21, 2025, 3:46 PM

#

Several error, but I think it's not affect to Apple Pay loading
Not working here mean that Apple Pay still get delay appear

vernal garden Apr 21, 2025, 3:47 PM

#

Hi 👋

I"m stepping in as my colleague needs to go soon.

loud forge Apr 21, 2025, 3:49 PM

#

Please walkthrough and help me to solve the problem

vernal garden Apr 21, 2025, 3:50 PM

#

I think my colleague already provided our solution but it looks like you have other React-related errors that may be impacting your integration.

loud forge Apr 21, 2025, 3:54 PM

#

Okay thanks, let me try to clear error first

vernal garden Apr 21, 2025, 3:58 PM

#

I do want to let you know that I am able to replicate this behavior, although I am using Vanilla JS and not React

loud forge Apr 21, 2025, 4:05 PM

#

you mean Apple Pay not delay showing?

vernal garden Apr 21, 2025, 4:07 PM

#

No, just the opposite. I do see the delay. Because of that, my second payment method type is the one that is expanded.

loud forge Apr 21, 2025, 4:08 PM

#

loud forge Several error, but I think it's not affect to Apple Pay loading Not working here...

Ah yeah,
So it's not too relate to some error here.
Do you have any other suggestion?

vernal garden Apr 21, 2025, 4:09 PM

#

Let me try one more thing.

loud forge Apr 21, 2025, 4:09 PM

#

Yes please

vernal garden Apr 21, 2025, 4:16 PM

#

Okay no I am still seeing the delay. Unfortunately, I think the best option I can recommend is to create the Payment Element with defaultCollapsed set to true. Since no payment method type will be auto-expanded, it won't pre-select the the type below Apple Pay

#

Oh wait...now I don't see the delay

loud forge Apr 21, 2025, 4:19 PM

#

What did you update?

vernal garden Apr 21, 2025, 4:19 PM

#

I added the loader: true and then loaded my payment element a few times

#

Before I was seeing my 2nd payment method (us_bank_account) be the default open one

#

But now I see Apple Pay

loud forge Apr 21, 2025, 4:21 PM

#

Yes, apple pay only delay at the first time access,
If I close modal, and re-click, it's not delay.

The point here is how can I prevent delay showing at the first time access

vernal garden Apr 21, 2025, 4:24 PM

#

I do not think that is possible

loud forge Apr 21, 2025, 4:26 PM

#

Okay, thanks for your help.
Let me find out more.

vernal garden Apr 21, 2025, 4:27 PM

#

Okay, best of luck

#

I will flag this internally as well

loud forge Apr 21, 2025, 4:27 PM

#

Yeah thanks a lot.
Hopefully Stripe team will revert to previous behavior.

#burton-tran_payment-element-apple-pay