How do I prevent browser’s auto-generated saved address from clashing with Autoaddress plugin?

The Autoaddress plugin by default inserts the search input with the HTML attribute autocomplete="off", which usually prevents the autocomplete and auto-fill from most browsers from showing up. There are browsers, however, that ignore this flag and cause clashing address problems.

$(function(){
  $("#myControl").AutoAddress({
        */Your Code/*
   });
   var control = document.getElementById("myControl")
   var input = control.getElementsByTagName("INPUT")[0];
   input.setAttribute("autocomplete", "noautocomplete");
});

The snippet code above will look for the input element of the control and set the autocomplete attribute to something unrecognized. This seems to work for some users as a workaround.

Another approach you can try it would be:

$(function(){
  $("#myControl").AutoAddress({
        */Your Code/*    
   });    
   var control = document.getElementById("myControl")    
   var input = control.getElementsByTagName("INPUT")[0];    
   input.setAttribute("type", "search"); 
});

The above changes the type of input to “search” which usually does not call the browser autocomplete.