sai_rez - Console Error | Stripe Developers | Page 1

honest knoll Apr 14, 2022, 5:22 PM

#

Hi 👋

#

And where do they see this error?

flint aspen Apr 14, 2022, 5:25 PM

#

They get it when updating their card details in our flow

honest knoll Apr 14, 2022, 5:26 PM

#

And are you applying any styling to the payment element in your flow?

flint aspen Apr 14, 2022, 5:26 PM

#

No i don't believe so

#

Through javascript or css?

honest knoll Apr 14, 2022, 5:27 PM

#

Some people attempt to style the elements using CSS but we also expose an Appearance API to facilitate styling for our users:
https://stripe.com/docs/stripe-js/appearance-api

#

So this error shows up when your site renders the Payment Element? Or are you using the Card element?

flint aspen Apr 14, 2022, 5:33 PM

#

We're using

        <CardNumberElement
          placeholder={'Card number'}
          options={{ style }}
          onFocus={this.setCardNumberFocused(true)}
          onBlur={this.setCardNumberFocused(false)}
          onChange={this.handleCardNumberChange}
          data-test-locator="CardDetails-CardNumber"
        />

#

So i guess you are referring to the style object we're passing as options?

honest knoll Apr 14, 2022, 5:34 PM

#

I am curious if that is involved

#

But also you are using legacy card elements to that is good to know as well

flint aspen Apr 14, 2022, 5:36 PM

#

Do you know what kind of issues that would cause?

#

Could it block stripe from loading or block SCA?

honest knoll Apr 14, 2022, 5:39 PM

#

I don't think so but these are pretty old front-end interfaces. Unless it's a big lift I would recommend using the Payment Element
https://stripe.com/docs/payments/payment-element

flint aspen Apr 14, 2022, 5:40 PM

#

Ok thanks for your help, I'll look to update our elements

#sai_rez - Console Error