<sl-input type="password"> and edge's built-in reveal button

[ajmchambers]

Describe the bug
Edges built-in password reveal icon is displayed on <sl-input type="password"> in edge, also if using the toggle-password attribute you will end up with both icons displayed.

Expected behavior
Might be best to always disable edge's reveal icon and rely on the toggle-password attribute like on other browsers.

Alternatively, the toggle-password could be used to enable edge's default reveal control, and instead customize it's colour to fit shoelace's theme (however the built-in button behaves differently).

Screenshots

Desktop (please complete the following information):

• OS: Windows 10
• Browser: Edge (chromium)
• Version: 92.0.902.78 (Official build) (64-bit)

Additional context
Here is a link to the edge docs describing about it:
https://docs.microsoft.com/en-us/microsoft-edge/web-platform/password-reveal

Can be hidden like this:

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

Alternatively the native icon can be styled like this:

::-ms-reveal {
    border: 1px solid transparent;
    border-radius: 50%;
    box-shadow: 0 0 3px currentColor;
}

[claviska]

Thanks for reporting this. It seems to only happen on Windows, as Edge for Mac doesn't show a toggle. I've opted to hide the system one for a consistent DX.