Chrome Autofill resets any checkboxes and radio buttons on a form
Posted on 2013-05-28
I have created a simple checkout form for an ecommerce website. As you would expect it requests address details. The form also has a checkbox to add to mailing list which is defaulted to checked and a radio button set to indicate if you wish to deliver to your billing address or a new address. The radio selection defaults to the billing address.
When you visit the page with Google Chrome Autofill enabled, it will detect any name and address you have entered previously and correctly perform the Autofill. The problem is that it always resets the checkox and radio button selections so the checkbox is unticked and the radio buttons are not selected.
I use JQuery and tried triggering when the checkbox or radio buttons have changed but JQuery is unable to detect these changes as presumably Autofill bypasses the DOM in some way.
I know by using autocomplete="off" would do the trick but I don't want to remove this option for customers as it does save time.
I have also tried giving the form names random non obvious names but this does not stop Autocomplete.
At this moment in time I cannot see any other solution other than to disable autocomplete.