quantum1125-card | Stripe Developers | Page 1

solar fossil Sep 28, 2021, 5:06 PM

#

fallen raft Sep 28, 2021, 5:07 PM

#

See here

Screen_Shot_2021-09-28_at_10.07.09_AM.png

solar fossil Sep 28, 2021, 5:07 PM

#

That's very strange - when you put in the card number and then press tab, what do you see?

fallen raft Sep 28, 2021, 5:08 PM

#

nothing, it just exits the form area

#

I added the border outline to the CardElement to show that area that normally encapsulates all the fields we want

solar fossil Sep 28, 2021, 5:10 PM

#

Can you share your code? Or a live site that I can take a look at that shows the issue?

fallen raft Sep 28, 2021, 5:16 PM

#

The repo is private but I am literally importing and rendering {CardElement} from '@stripe/react-stripe-js'
https://codesandbox.io/s/w181d?file=/src/card.js it works at this link but this is the code I am using

#

@solar fossil

solar fossil Sep 28, 2021, 5:18 PM

#

Something must be different... do you have a live site that shows the issue?

fallen raft Sep 28, 2021, 5:21 PM

#

no visible difference, i copied the entire card.js file into the sandbox and rendered it. CardElement is made and maintained by stripe, not users.

#

In Card.js itself was made by stripe in this guide https://github.com/stripe-samples/accept-a-payment/blob/main/custom-payment-flow/client/react-cra/src/Card.js

#quantum1125-card