Form field label overlapping when using Autofill

Get Help
,
1

We’re seeing this occur on login using iOS 26. When a user has autofill enabled, the label on the Password field is not moving/hiding, so it is overlapping the password entered. There seems to be discussion about this issue earlier this year, but those topics have been closed.

3

Hi @eric.b

I am sorry about the delayed response to your inquiry!

I believe that this is a common issue caused by the overlap between the WebKit autofill and the UL floating label UI.

This issue is currently being investigated by our engineering team and I will be providing further updates on the matter whenever possible.

For the time being, could you try forcing the label to float using CSS whenever autofill is being used? It should look something like this:

input:focus ~ label,
input:not(:placeholder-shown) ~ label,
input:-webkit-autofill ~ label {  
  top: -10px;
  font-size: 12px;
}

Let me know if you have any other questions or if the proposed solution works for you!

Kind Regards,
Nik