Repository navigation
Allow to style ::-ms-reveal for the input of md-outlined-text-field #5728
Description
Description
Currently we have implemented our own password reveal icon using md-outlined-text-field along with md-icon-button.
Microsoft edge however adds it's own reveal icon as mentioned in https://learn.microsoft.com/en-us/microsoft-edge/web-platform/password-reveal
This is how it looks on edge
To remove this , it mentions to add
::-ms-reveal {
display: none;
}However, I cannot add this style to the input since the input is within the component
Do we have any way to add this style which I did not realize? If not, can we add this feature to add this style somehow?
Activity
asyncliz commentedon Oct 8, 2024
We can add a
display: nonestyle for::-ms-revealin this section of text field's styles, where we turn off some other built-in<input>ui elements.Do you mind creating a PR to update that?
austinw-fineart commentedon Oct 9, 2024
Shouldn't that be an optional toggle? Some of us actually prefer using the browser's controls...
asyncliz commentedon Oct 9, 2024
The built-in icon doesn't match Material, and our text field has a spot for Material icons to be added to it.
Addresses issue material-components#5728
Addresses issue material-components#5728
hamidvirani commentedon Oct 10, 2024
Created a PR to fix this.