[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;
}

[aarongarciah]

Hi @loronange! The behavior you're experiencing in Edge is not related to the TextField component from Material UI. As you can see in the screen recording below, Edge has this behavior in native <input type="password">: Edge shows the reveal password button only when you fill the input. Once the input is filled, the reveal button is not shown again until you empty the input.

Kapture.2024-12-19.at.15.42.12.mp4

The demo is from https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/password

Closing this since is the expected behavior.