Desa | Stripe Developers | Page 1

left condorBOT Apr 10, 2023, 2:51 AM

#

weak wave Apr 10, 2023, 2:55 AM

#

Hi there, so you want to control the order of payment options in PaymentElement, am I right?

violet dew Apr 10, 2023, 2:56 AM

#

Basically, yes. I am able to set the proper order, but the wrong one seems to always be selected still, even with a properly set 'new' order.

weak wave Apr 10, 2023, 2:57 AM

#

https://stripe.com/docs/js/elements_object/create_payment_element#payment_element_create-options-paymentMethodOrder did you use the paymentMethodOrder array?

Stripe JS Reference

violet dew Apr 10, 2023, 2:58 AM

#

Yes, and that part is working. But the first item in the order doesn't seem to be the one that is always selected, so the order is being set, but the 'original' selected item always is stays selected, just like in the example here"
Prev order: (selected) Card, Bank Account.
New order: Bank Account, (Selected) Card.
Anticipated: (selected) Bank account, Card.

#

I basically just need to guarantee that the first item in the array is the selected/active one when the priorityPaymentType changes. (which it is already listening for and updating, just the 0(first) array item is not being selected.

weak wave Apr 10, 2023, 3:02 AM

#

I don't quite get the problem, is there a webpage that I can visit to see the problem myself?

violet dew Apr 10, 2023, 3:02 AM

#

It's not live, but I can record a gif?

#

Does that work?

weak wave Apr 10, 2023, 3:03 AM

#

Sure, that work for me

violet dew Apr 10, 2023, 3:05 AM

#

You can see the order updates - but not the 'selected' item

weak wave Apr 10, 2023, 3:09 AM

#

Ok, so the expectation is that the card should be selected, am I right?

violet dew Apr 10, 2023, 3:09 AM

#

in this example - yes.

#

I tried putting a key on it to make it rerender, but since it's an iframe, i don't think it's actually doing anything.

weak wave Apr 10, 2023, 3:11 AM

#

OK, do you still see this problem if you set a static paymentMethodOrder ?

violet dew Apr 10, 2023, 3:14 AM

#

No- because on init it is the first item in the array. but by making it dynamic, the selected item seems to persist through the array being different.

weak wave Apr 10, 2023, 3:17 AM

#

Ok. I can feed back this to the development team. Thanks for letting me know about this use case.

violet dew Apr 10, 2023, 3:18 AM

#

There's no way to control the 'selected' element? I can even pass it the exact type - i just want to be able to set it with JS if needed vs a user action in some cases

weak wave Apr 10, 2023, 3:20 AM

#

No, I don't see an option to make a payment option selected at this moment.

#Desa