peter_appearance-api-transition | Stripe Developers | Page 1

steep salmonBOT Oct 30, 2025, 6:51 PM

#

👋 Welcome to your new thread!

⏲️ We'll be here soon! Typically we respond in a few minutes, but sometimes we might take a bit longer if the server is busy or if you have a particularly tricky question.

⏱️ We close idle threads, which makes them read-only. Once a thread is closed it won't be reopened, but you can always start a new thread if you have another question.

🔗 This thread will always be available, even after it's closed. You can find it again using Discord's search, or you can save this link: https://discord.com/channels/841573134531821608/1433528675831120082

📝 Have more to share? Add more details, code, screenshots, videos, etc. below.

Below are links to other discussions we've had with you in the past week in case you want to review that information. If your question is related to one of these previous discussions, please provide a comprehensive summary of the current state and what you need help with now. We help many users simultaneously, so a summary allows us to resolve your issue as soon as possible.

peter_code, 15 hours ago, 14 messages

#

torn mist Oct 30, 2025, 6:51 PM

#

weary yoke Oct 30, 2025, 6:52 PM

#

Okay so you don't want the active indicator once you select a payment method type?

torn mist Oct 30, 2025, 6:53 PM

#

The active indicator is fine

#

It has the grey border color

#

It's the blue border color in the "transitiion" stage that I want to override

#

the blue border shows up for about half a second during the transition

weary yoke Oct 30, 2025, 6:56 PM

#

Hmmm... I'm sure you already looked at the psuedo-classes we expose for the Tab component. I don't see anything for the transition.

torn mist Oct 30, 2025, 6:57 PM

#

yes, tried all the pseudo classes and even some of the "variables" under the "appearance" object

weary yoke Oct 30, 2025, 6:58 PM

#

Yeah, I'm looking to see if we have any CSS properties that might pertain. Looking pretty close, I think it might not be the border but a narrow drop shadow that is showing blue here.

#

In my own integration, I am using the default so I have a blue border but the transition phase appears to also have a drop shadow that is showing blue.

#

Hmmm... we have a transition CSS property which applies the Tab component.

torn mist Oct 30, 2025, 7:02 PM

#

something like .Tab:transitiion?

weary yoke Oct 30, 2025, 7:02 PM

#

Sorry, more like you add it to the properties you are defiing in your rules.

#

So transition would be another CSS property like color and border

#

It seems like this is likely what is controlling the behavior you want to override. You can see some potential values in the MDN doc for this property: https://developer.mozilla.org/en-US/docs/Web/CSS/transition

torn mist Oct 30, 2025, 7:04 PM

#

I added "transition: none"

#

'.Tab': {
padding: '10px 20px',
color: '#1F363D',
fontSize: '16px',
boxShadow: 'none',
border: '1px solid #40798C !important',
transition: 'none'
},

#

not seeing a difference though

#

also tried transitionProperty: 'none'

#

and transitionDuration: '0s'

weary yoke Oct 30, 2025, 7:07 PM

#

Well how about transition: unset

torn mist Oct 30, 2025, 7:12 PM

#

No luck either

weary yoke Oct 30, 2025, 7:19 PM

#

I'm experimenting in parallel but I've noticed that the border property doesn't appear to update what I would expect.

steep salmonBOT Oct 30, 2025, 7:19 PM

#

peter_appearance-api-transition

torn mist Oct 30, 2025, 7:23 PM

#

i notice that too

#

although color and backgroundColor update using the same selector

weary yoke Oct 30, 2025, 7:33 PM

#

Can you share a live demo or is this running locally?

torn mist Oct 30, 2025, 7:34 PM

#

is there a way to screenshare on Discord?

weary yoke Oct 30, 2025, 7:36 PM

#

I don't think so

torn mist Oct 30, 2025, 7:37 PM

#

here's a page in the test env: https://giveristdev.com/fundraiser/21

#

click on the "Donate now" button on the right side of the page

weary yoke Oct 30, 2025, 7:39 PM

#

Thanks, I'm consulting with some colleagues and we've copied your full appearance API rules

#

There are a number of rules you have that are not supported, You can see these in the developer console

torn mist Oct 30, 2025, 7:43 PM

#

I don't think these extra rules are forcing the transition blue border to appear though?

weary yoke Oct 30, 2025, 7:43 PM

#

No, but just for reference

steep salmonBOT Oct 30, 2025, 7:46 PM

#

weary yoke Oct 30, 2025, 7:57 PM

#

Okay I think we've found that we don't seem to have a way to configure this. We've got a good repro of this and we are going to raise this internally. Are you okay if I send you a DM with intrusctions about how to start a Support case.

#

We'll need to raise this internally and get back to you later.

torn mist Oct 30, 2025, 7:58 PM

#

sure

weary yoke Oct 30, 2025, 7:58 PM

#

Okay thank

steep salmonBOT Oct 30, 2025, 7:58 PM

#

Hello @torn mist, we have sent you a direct message, please check it at https://discord.com/channels/@me/1433545617120035009

🔗The message has instructions on how to open a direct support case with our Developer Support team, in order to help you more effectively.

torn mist Oct 30, 2025, 7:59 PM

#

do you want me to start the case or are you going to create it?

#peter_appearance-api-transition

Hello @torn mist, we have sent you a direct message, please check it at https://discord.com/channels/@me/1433545617120035009