search

stripe-archive / react-stripe-elements

Moved to stripe/react-stripe-js.
https://github.com/stripe/react-stripe-js
MIT License
3.03k stars 319 forks source link

Card element Icon padding bug #494

Closed JClackett closed 4 years ago

JClackett commented 4 years ago

Hello!

This has just changed for me and now my card element looks like this

Screenshot 2020-01-22 at 21 49 21

the icon has been squashed down

code: 

        <CardElement
                  hidePostalCode={true}
                  onReady={el => el.focus()}
                  iconStyle="default"
                  style={{
                    base: {
                      fontSize: "16px",
                      color: "white",
                      fontFamily: "Helvetica",
                      "::placeholder": { color: "#999" },
                      iconColor: "white",
                    },
                  }}
                />
dweedon-stripe commented 4 years ago

Hi @JClackett,

Thanks for the report. This was a short-lived bug that we introduced in the core Stripe.js library. It has been fixed now.