I have a web application (react based) deployed on multiple environments (test, stage, dev, production - only the URLs are different, application code is exactly the same and each url has saved username and passwords). On landing page a password field opens up in a modal. Now there's this strange issue with chrome wherein it automatically pre fills the password on only one environment. In the other environment it will not fill up the password till I focus on that field - once focused, it will show up the saved passwords prompt to select a password from.
Has anyone encountered such an issue before? What could be the possible reason for it / direction to look into?
I have tried the below things:
- Compared HTML - no difference
- Compared domains - the environments have *.com domains so no difference there, same SSL certificate
- Locally simulate exact domain name - no luck
- Number of saved passwords - compared these as well - nothing out of ordinary
but have not been able to figure out any possible difference which could be driving this difference in behaviour.
I want that the behaviour should be consistent - if the password autofills, it should autofill on all envs, else not.
Please try adding these attributes to your
<input/>name="password"autofill="enabled"Also check if there is a
<form>tag around your form