sanjeewa | Stripe Developers | Page 1

mild mantleBOT Mar 22, 2023, 4:18 AM

#

magic talon Mar 22, 2023, 4:18 AM

#

Hi, how can we continue to help?

broken helm Mar 22, 2023, 4:18 AM

#

May I know the status here? Also has mentioned set readOnly on creation

#

Can you guide me to sort this?

magic talon Mar 22, 2023, 4:24 AM

#

Hey I just catchup on this. Yes we are still fixing this, but in the mean time have you been able to mitigate by setting readOnly on creation instead of update?

broken helm Mar 22, 2023, 4:35 AM

#

This is my code, Can you assist me here how to set readOnly on creation?

magic talon Mar 22, 2023, 4:38 AM

#

on your elements.create('payment') line pass the readOnly option

#

https://stripe.com/docs/js/elements_object/create_payment_element#payment_element_create-options-readOnly

Stripe JS Reference

#

var paymentElement = elements.create("payment", {readOnly: true});

broken helm Mar 22, 2023, 5:03 AM

#

But when I try this I cannot enter card details at all ☹️ , I want to disable the field when payment is processing .

#

Like we disabled submit button

magic talon Mar 22, 2023, 5:05 AM

#

On your original code you were calling paymentElement.update right after creation, don't you?

broken helm Mar 22, 2023, 5:13 AM

#

No ,I removed it & added creation line as you mentioned

magic talon Mar 22, 2023, 5:14 AM

#

Yes, but I mean originally we were also update the readOnly right after creation, correct? That way you also will disbale the field before entering card detail

broken helm Mar 22, 2023, 5:20 AM

#

But my requirement is disable the field when I click pay button, not before entering the card details.

#

I was trying individual payment field to be disabled as below

#

$("#Field-numberInput").prop( "disabled", true );

#

but not working

#

Is it not possible handle any event externally by using field ID what comes from paymentElement ?

magic talon Mar 22, 2023, 5:25 AM

#

No that probably not possible. If your requirement is disable the field when you click pay button, the paymentElement.update({ readOnly: true }) should work, doesn't it? because it's way after initialization and no race condition will run

broken helm Mar 22, 2023, 5:35 AM

#

I will check this

broken helm Mar 22, 2023, 6:20 AM

#

Yes it is working now 🙌

#sanjeewa