My sign up only triggers Chrome to suggest a password on my local server -- hosted site does not prompt for password suggestion

Solved
alexmorning

Aug 27th, 2023 11:06 AM

on my local server, when I go to sign up, Chrome suggests a secure password, as intended. My hosted website, which is up to date with my local, cache cleared etc, it does not prompt for a password suggestion, and I cannot figure out why. I've also had a friend test this and he receives the same issue, so I do not think it is a browser setting, as it works everywhere but my own website, and the problem happens with another person.

enter image description here

As far as I can tell, everything else looks and behaves the same, and it doesn't seem like there is anything that has not been updated. But I thought maybe there was some random thing I had to change that I don't know about for this to work on a hosted website (either in my site configs or my host settings).

I can't imagine my input html would be problematic, as it works on my local server, but just in case, here it is.

<input placeholder="Password" id="password" type="password" name="password" required class="w-full form-input" aria-autocomplete="list">

Also, just to be safe, I took the default sign up form from the wave repo and replaced my registration page with this html just to make sure I didn't remove something weird that could cause this, and I received the same issue on with that fresh html. And just to see, I tested on the Wave demo site, and the password suggestion pop ups as it should, so I know it is nothing with my browser that could prevent it with something weird Wave related. I also spoke with my site host support that are always very helpful/knowledgeable and he said that he does not think there are any host settings that I would need to change to allow this either. Just not sure what else it could be.

Any ideas?

thinkverse

Aug 27th, 2023 11:19 AM

Best Answer

Use the autocomplete attribute. 1Password for instance also suggests using it.

For new passwords use the new-password value:

<label for="password">Password: </label>
<input autocomplete="new-password" type="password" name="password" id="password" />

<label for="password_confirmation">Confirm Password: </label>
<input autocomplete="new-password" type="password" name="password_confirmation" id="password_confirmation" />

For a saved password use the current-password value:

<label for="password">Password: </label>
<input autocomplete="current-password" type="password" name="password" id="password" />
alexmorning

Aug 27th, 2023 12:34 PM

@thinkverse thank you so much, this worked!