My sign up only triggers Chrome to suggest a password on my local server -- hosted site does not prompt for password suggestion
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.
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?
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" />
@thinkverse thank you so much, this worked!