question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[TextField] Type password - duplicate icon in Edge

See original GitHub issue

Duplicates

  • I have searched the existing issues

Latest version

  • I have tested the latest version

Current behavior 😯

image

I just made my login form using TextField with type password But then I found these bug in my program I thought thats my program error, but when I checked it in MUI documentation i found the same problem Link : https://mui.com/components/text-fields/

Expected behavior 🤔

image

expected: eye icon in left doesnt appear

Steps to reproduce 🕹

Steps:

  1. Leave the eye icon opened
  2. Type something

Context 🔦

No response

Your environment 🌎

`npx @mui/envinfo`
  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

Issue Analytics

  • State:open
  • Created 2 years ago
  • Comments:6 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
HelpMe-Plscommented, Jan 3, 2022

@antonichandra You can fix this by manually adding this to the <GlobalStyles>: image Try it out

1reaction
socramm9commented, Dec 3, 2021

I think this is Browser specific. If I remember correctly, this occurs on Microsoft Edge, they render their own hide password icon.

Read more comments on GitHub >

github_iconTop Results From Across the Web

[TextField] Type password - duplicate icon in Edge #30023
I think this is Browser specific. If I remember correctly, this occurs on Microsoft Edge, they render their own hide password icon.
Read more >
Customize the password reveal button - Microsoft Edge ...
To make sure that the password is entered correctly, a user can click the password reveal button or press Alt + F8 ,...
Read more >
How to hide the eye from a password input in MS Edge and IE
I have a password input with a custom added "show password" button. Now I want to remove the password button which is added...
Read more >
How do I hide/remove Edge's password reveal icon?
Application Type. Traditional Web. I need to remove/hide the reveal password icon. It only seems to display in Edge. Does anyone know how...
Read more >
<input type="search"> - HTML: HyperText Markup Language
value property in JavaScript. searchTerms = mySearch.value; Copy to Clipboard. If no ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found