deadsalt | Stripe Developers | Page 1

weak hingeBOT Nov 30, 2022, 12:01 AM

#

valid berry Nov 30, 2022, 12:02 AM

#

Hi 👋

Do you have an example available at a public URL I can view?

languid smelt Nov 30, 2022, 12:04 AM

#

Yup - it can be viewed here: https://7661-101-53-216-196.au.ngrok.io/stimulus/add-funds

You will need to auth to see it though, you can use:

username: dylan
password: password

And then just skip the 2-factor prompt

Stimulus

Stimulus. The happy social network.

Join the happy social network that stimulates generosity.

#

Unless you meant code, which I can't share publicly but the rule I am using is:

'.Input:autofill': {
          '-webkit-text-fill-color': 'red' // For testing
        },

valid berry Nov 30, 2022, 12:16 AM

#

Okay thanks for that. I will see if I can get this working. And just so I'm clear, you expect red text when the browser auto-fills any of your inputs?

languid smelt Nov 30, 2022, 12:20 AM

#

Yup that’s correct

valid berry Nov 30, 2022, 12:21 AM

#

And this is something you're trying to pass in the Rules , correct? https://stripe.com/docs/elements/appearance-api?platform=web#rules

languid smelt Nov 30, 2022, 12:21 AM

#

Yup

valid berry Nov 30, 2022, 12:27 AM

#

I'm trying to test on my end but it's hard to repro

languid smelt Nov 30, 2022, 12:29 AM

#

Okay, do you know of Stripe has any working examples of using the ‘:autofill’ pseudo selector as part of the Appearance API rules? Just so I can compare my implementation?

#

I searched through code on the Stripe GitHub org but couldn’t find anything relating to how the appearance api is actually applied to the PaymentElement.

valid berry Nov 30, 2022, 12:33 AM

#

Yeah I'm not finding anything and I don't have saved payment methods that trigger the :autofill pseudoclass

languid smelt Nov 30, 2022, 12:36 AM

#

Ah right, that makes it hard to test. I’ll create an issue on the ‘stripe-us’ repo. Thanks for the help in any case

#

*stripe-js

#deadsalt