No focused class for the holder name field

[lauterry]

Describe the bug
A clear and concise description of what the bug is.

When the holder name is focused, there is no border color like the other field

To Reproduce
Steps to reproduce the behavior:
Focus the holder name field

Expected behavior
I expect the holder name field to have a border color

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.

[sponglord]

@lauterry what version of adyen-web are you experiencing this issue in?
And is you implementation using Dropin or Components?

[lauterry]

Hello

I'm using 5.66.1 and I am implementing Components

[sponglord]

@lauterry - do you have a url we can look at, because I cannot recreate your issue. The holderName field always receives special styling when focussed, unless you are somehow overwriting these styles with your own css

And where are you seeing these issues? Desktop? Which browser? Which version?

[ashrafnazar]

Hi @sponglord - I have the same problem when using the web component. There doesn't seem to be a clean way to apply styling to the input fields in the iframe

[sponglord]

@ashrafnazar - this is not the same problem. This ticket refers to the focus state around the input, which is unrelated to the iframe.

However, this link to Styling card input fields - should give you the information you need to show you what you can style within the actual iframes

[ribeiroguilherme]

Closing this issue as we can't reproduce the problem. If the issue persists, please create another ticket. Cheers