#osroca1616
pastel owl
stone sage
Hi there!
Pasting your other message here:
I tried to modiffy a few options of the style prop of the element with no luck. Any idea?
Interesting... do you have a link where I could reproduce this issue?
tawny glen
yes, my dev env, you'll need a user an password. Please givme me a few moment and I'll provide them
https://remington.dev.bigml.com/dashboard/account/payment (rovira / stripedebug)
please chouse "Username or phone" in the sign in form
and you'll have to check both checkboxes to enable dthe sign in button
it is attached to Stripe test mode
@stone sage are you still there?
stone sage
Yes, sorry Discord is busy. Having a look
tawny glen
thanks!
stone sage
When I auto fill the card form, everything gets filled and the caret is white:
What should I do exactly to reproduce the issue?
tawny glen
hmm, in my case, and the user that reported the issue, the CVC remains empty and is the user who has to fill in it. There is where the issue happens
I'm in Google Chrome if that matters
once I type the CVC, the caret becomes white, but before that, the focus leaves the caret in black and its very hard to distinguish
lyric arrow
I don't think really you can do much about this, we don't provide any explicit way to control the caret-color (all CSS styling has to be supplied through our JS library and that property is not exposed from it). The caret color inherits from the color applied
lyric arrow
you could write to https://support.stripe.com/?contact=true with a repro and we could ask the product team to have a look but it's quite niche(and the CardElement is not a priority, the PaymentElement is), so to set expectations it would be a while before we would do anything
lyric arrow
which style?
tawny glen
.ElementsApp.is-autofilled .InputElement
.ElementsApp.is-autofilled .InputElement { color: #fff; }
(color is set to #000)
lyric arrow
the only thing you can customise is what's documented at https://stripe.com/docs/js/appendix/style
maybe see if using the :-webkit-autofill pseduoclass to pass a different color for when the input has that state will do anything, but I don't think it will
tawny glen
I already have it set
base: { iconColor: '#fff', color: '#fff', backgroundColor: '#2D303B', fontWeight: '500', fontFamily: 'Roboto, Open Sans, Segoe UI, sans-serif', fontSize: '16px', fontSmoothing: 'antialiased', ':-webkit-autofill': { color: '#fff' }, '::placeholder': { color: 'rgba(255,255,255,0.7)' } },
lyric arrow
looking at the code for the library, we do explicitly pass #000 internally(and have for 6 years), and it doesn't seem to be something that can be changed with any option, it's just how the HTML inside our frame is defined
yeah like I said, I didn't think it would work
so we're back to what I said , which is you could write to https://support.stripe.com/?contact=true with a repro and we could ask the product team to have a look but it's quite niche(and the CardElement is not a priority, the PaymentElement is), so to set expectations it would be a while before we would do anything
tawny glen
okay! thanks.
tried the PaymentsElement but I only want the card input, I don't want to deal with ACH or other methods and aparently I cannot disable them all
lyric arrow
yes you can, you can pass payment_method_types:["card"] explicitly on the PaymentIntent if that's all you want
tawny glen
this is a setupeIntent
lyric arrow
you can do the same on SetupIntent
lyric arrow
tawny glen
thanks for looking into it and your help