New to Kendo UI for jQuery? Download free 30-day trial

Chrome Browser Causes Auto-Fill Popup Issues in the AutoComplete


Product Progress® Kendo UI® AutoComplete for jQuery
Operating System Windows 10 64bit


The Chrome browser performs auto-fill popup issues in the AutoComplete component.


If the input name matches any of the predefined autofill fields, the Chrome browser ignores the autocomplete="off" setting and also the value that is set to the attribute.


To handle this issue:

  1. Use a name attribute that is not contained in the predefined auto-fill fields of Chrome.
  2. Toggle the name attribute on focus and focusout.
        <input name="city" ID="City" required />
        var data = [
            "New York",

        var name;

        var CityAutoComplete = $("#City").kendoAutoComplete({
            dataSource: data,
            filter: "startswith",
            placeholder: "Select city...",
            separator: ", "

        CityAutoComplete.element.on("focus", function () {
            name =;
   = kendo.guid().substr(0, 8);

        CityAutoComplete.element.on("focusout", function () {
   = name;

See Also

In this article