#charissachhiba-paymentelement
coral igloo
Hi Orakaro, its this one here: https://stripe.com/docs/stripe-js/react#element-components
CardElement
crude current
Ah yeah it's the older Element, thanks!
Can that CSS property being applied on the parent div? Or you need it applied to some inner div?
By parent div, I mean the div was created before mounting by stripe.js
<div id="card-element">...</div>
Yes, I tried that first but because it is keyboard accessibility it will need to be the inner div
otherwise you have two focuses happening
crude current
Unfortunately, I don't think Element has that flexibility. If you switch to Payment Element (generally you should, we recommend it), we have a richer appearance api, and it has some rules on focus: https://stripe.com/docs/stripe-js/appearance-api#detail-rules
Not sure if it can help you achieve what you want to do. Can you take a look at that section?
coral igloo
Ill have a wee look, thank you!
is there any plans for accessibility improvements in future?
crude current
I don't have a timeline to share, but we always try to improve accessibility!
coral igloo
would updates be shared on your blog?
crude current
Yeah, if any!
coral igloo
Cool thank you.
Hey just so that I am clear. Currently my Team is using and element component which is a bit older. Switching over to this payment element here: https://stripe.com/docs/payments/payment-element will give us more flexibility to change styles using the 'none' API theme? and the payment element is parent component child inputs inside of it?
crude current
Yes, mostly. Payment Element works similar to (old) Element that it's a HTML div and we will expand all the content inner by stripe.js. It's just PaymentElement has a richer API to control the style of those inner div