[TogglePassword] Feature not working with Safari's builtin function 'suggest new password'

[palgalik]

• I'm using Safari's latest version - Version 18.1.1 (20619.2.8.11.12)
• I don't have any extension installed

Steps to reproduce:

1. Open Safari.
2. Navigate to the Toggle Password Demo Page.
3. Click on the password input field.
4. Use Safari to suggest a new password.
5. After the password is inserted, click the toggle icon. You will notice that the password is not revealed.

Here is a video recording:
https://github.com/user-attachments/assets/85d11495-fb3d-4fe4-beef-9c89e35dc60c

[Kocal]

HI @palgalik, and thanks for the issue and video!

For the moment I didn't investigate at all, but I believe this is something than can not be fixed by JavaScript/Stimulus UX. It's a browser feature, and there is a possibility we can not "interfere" with it.

But! As said I didn't investigate, maybe there is hope :)

I'm going to take advantage of this hackday to take a look.

[Kocal]

More investigation, after using a suggested password, it looks like Safari use a special type of element (maybe Shadow element? I'm not sure about the french translation here), which use *****:

When you click on Show, you can see this element change (and type="password" -> type="text"` aswell), but it looks like we can't interact with it:

[smnandre]

I believe it's part of the new set of security measures from Safari.... and would clearly not advise we "go against"