Password autofill in Chrome disables the field's border-radius

[janstieler]

Hi,
if the password field in the panel login form is prefilled the blue background from Chrome breaks the borderradius.
I'm actually not sure if this is fixable. As we know the prefill makes some headaches.

[lukasbestle]

Don't think that's fixable TBH because Chrome injects some magic into the UI that we don't have any control over.

[distantnative]

@janstieler maybe you could test with a custom Panel CSS whether the prefilling from Chrome can be styled via https://developer.mozilla.org/en-US/docs/Web/CSS/:autofill

[janstieler]

Hi,
I tried a little bit and it was easy to fix with:

.k-input[data-theme=field] .k-number-input, 
.k-input[data-theme=field] .k-select-input, 
.k-input[data-theme=field] .k-text-input {
    border-radius: 3px 0 0 3px;

and this is in the regular panel.css .

Cheers

[bastianallgeier]

✅