danslo/CleanCheckout

Google Address Suggest flows below autocomplete dropdown

NickdeK opened this issue · 2 comments

You can't use the Google Address Suggest option in combination with the browser autocomplete function. The browser autocomplete function overlaps the Google Address Suggest dropdown.

See for example: http://cloud.h-o.nl/92a13b

https://github.com/danslo/CleanCheckoutAutocomplete/blob/e41401eef4ee997f588383a0b7186e054ab07911/src/view/frontend/web/js/view/autocomplete.js#L104

    fillAddressFields: function () {
        var place = this.getPlace();
        if (typeof place === 'undefined') {
            return;
        }
        this.c.fillStreetFields(this.e, place);
        this.c.fillOtherFields(this.e, place);
    },

seems a good idea to have something to disable the native autocomplete form in js directly :

$(this.e).attr('autocomplete', 'off');

@mageho I looks like there are some problems with this concerning browser support: https://stackoverflow.com/questions/29931712/chrome-autofill-covers-autocomplete-for-google-maps-api-v3