Chrome – password autocomplete hell on registration

Chrome devs have some good points but at the end; application and the end user should decide what's best for them. We all have different opinions and you might not like this but I thought to share some things I came across.. There are couple of ways you can make the forms a little more user friendly.

1) use autocomplete="new-password"

This will skip autocomplete (even in chrome) but this still shows password manager when you focus on the user or password input field. As an enduser I find this annoying. When I am creating a new password I don't need to see a list from chrome almost blocking my input.

2) A hack, if you completely wanna remove password manager from your forms:

This example is using vuejs but you can do this with pure js or any client framework..

Start with a 'text' type so autofill does not kicks in, on focus switch to 'password' type.

// to start inputPasswordType = 'text'

// input

I am not sure if the second option is good, however end user still gets a 'password' type.. basically the same as regular user/pass with a switch in between.

Ref: [1] https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion#the_autocomplete_attribute_and_login_fields

[2] https://www.chromium.org/developers/design-documents/form-styles-that-chromium-understands