[Bug]: Chrome form autocomplete pop-up blocks Symbiota field autocomplete

[zygoballus]

Symbiota portal name

Ecdysis

What happened?

See screenshot above. Although the country, stateprovince, and county input fields all have autocomplete="off", Chrome does not respect this setting and shows the form autocomplete pop-up anyway based on the names of the fields. On multiple occasions, this has caused people to enter "United Arab Emirates" instead of "United States".

There are two ways to fix this:

1. Rename the fields to something that Chrome will not recognize as being associated with an address. This would require extra work on the processing side, however.
2. Set autocomplete to something not recognized by Chrome, like autocomplete="nope" or autocomplete="ffcountry", (but not autocomplete="country").

More information can be found at https://adamsilver.io/blog/stopping-chrome-from-ignoring-autocomplete-off/, https://stackoverflow.com/questions/12374442/chrome-ignores-autocomplete-off, and https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill.

What operational systems are you seeing the problem on?

No response

What browsers are you seeing the problem on?

Chrome

[zygoballus]

@GregoryPost - For some reason these changes don't seem to be reflected on Ecdysis, even though it is now updated to v3.2. This change was merged into master way back on Nov 8, 2024 and seems to still be in the master code: https://github.com/BioKIC/Symbiota/blob/master/collections/editor/occurrenceeditor.php.
But when I look at the source of https://ecdysis.org/collections/editor/occurrenceeditor.php, the changes are not reflected. Any idea why?

[zygoballus]

@GregoryPost - It looks like the autocomplete="noaction" is being overwritten by Javascript, but I'm not sure from where. Please reopen.

[zygoballus]

Unfortunately the problem is that jQuery UI's autocomplete function is resetting the field's autocomplete parameter to "off" when it initializes the custom autocomplete for those fields. So we'll need to re-override it in Javascript, as there is no option to change this behavior in jQuery UI.

[zygoballus]

@GregoryPost - We had to reopen this bug and create a new pull request (Symbiota/Symbiota#2345) due to jQuery UI overriding the autocomplete parameter. You'll need to merge the new pull request before this bug is actually fixed.

[zygoballus]

@themerekat - It looks like Greg mistakenly closed this bug due to the previous unsuccessful fix. However, I was able to troubleshoot the problem and submit a new pull request. Could you reopen this bug (at least until the pull request gets merged)? Thank you!