[TextField] Password eye icon disappears in Edge

[loronange]

Steps to reproduce

Steps:

1. Open this link to live example: here
2. Start typing text in the TextField of type password
3. Eye icon will appear
4. Click outside the TextField
5. Go back into the TextField
6. Start entering text
7. The eye icon does not appear again

If you add an adornment then you get two eye icons when entering text as seen in the documentation here

Current behavior

The eye icon disappear from TextField of type password after refocus

Expected behavior

The eye icon should either always be there or not be there at all when the user types the password

Context

I want the user to have the option to view the password in plain text by clicking the eye icon

Your environment

import TextField from '@mui/material/TextField';
<TextField type="password" />

Search keywords: TextField password type icon

[mj12albert]

@loronange I can't reproduce in both demos you linked – this and this – in particular the ones under "Form props" do not have any adornments

Could you share a sandbox or a recording?

[loronange]

Here is a video recording. I did that test on Edge:
https://github.com/user-attachments/assets/873728d1-8915-4e27-8bba-c95fb628293b

I noticed that on Chrome, the eye icon does not show at all.

[mj12albert]

@loronange This is the "password reveal button" from Edge: https://learn.microsoft.com/en-us/microsoft-edge/web-platform/password-reveal

You can suppress it with CSS:

::-ms-reveal {
  display: none;
}