Raza Khadim

@groggy72 can you share the website link please?

@snknick thanks for pointing out the issue and glad you have sorted it.

It will probably break the Forminator forms because the whole purpose of the update was to make it work for Forminator forms. I have a couple of ideas on how I can avoid this. I will try and push it as soon as I could.

Thanks.

I am marking this as resolved for now but do let me know if the issue persists.

I am marking this as resolved for now but do let me know if the issue persists.

@nazmuslabs great to hear it worked for you. Thank you.

@besky and @gcabana this issue is now resolved in version 1.2.1 please install the latest version and let me know if there are any issues. Thanks for your patience.

@gimico this issue is now resolved in version 1.2.1. Please update the plugin and let me if you still see the issue.

Thanks

@nazmuslabs I just pushed an update (version 1.2.1) now you only need to add the prefix of the field ID and it should work fine. (No need to change the code)

Please test it and let me know if it resolves the issue.

Thanks

@nazmuslabs sorry for late response, just a bit caught up with other stuff. For now, you can use a work around and I will push it next update so that similar issues don’t occur.

With Forminator, even though the ID changes the first part of the field stays the same. So you will need to choose the first part of the field ID.

For Example, the field id is “forminator-field-street_address-address-1_647580ceeb5c3”

You add the forminator-field-street_address-address-1 in the field ID list.

You also need to modify the code in the plugin.

Go to Plugin File Editor under Plugins option.

The select the Simple Address Autocomplete from top right corner.

Then click “public“

Then “js“

Then “simple-address-autocomplete-public.js“

Then remove everything after line 41 and replace with the following code.

  for (let i = 0; i < inputSplit.length; i++) {
    inputValues[i] = inputSplit[i];
    // Select the fields with the prefix using the starts with (^=) attribute selector
    fields = document.querySelector([id^="${inputValues[i]}"]);
    if (fields) {
      simpleAutocomplete = new google.maps.places.Autocomplete(fields, options);
    }
  }
}

window.addEventListener('load', function () {
  for (let i = 0; i < inputSplit.length; i++) {
    inputValues[i] = inputSplit[i];
    // Select the fields with the prefix using the starts with (^=) attribute selector
    const fields = document.querySelectorAll([id^="${inputValues[i]}"]);
    fields.forEach(field => {
      field.setAttribute("onfocus", "initAutocomplete()");
    });
  }
});

This should work. Also remember, the plugin only supports single line address and will NOT fill the City, State, Country etc.

Let me know if this helps.

@vateko I haven’t heard back from you about this. So I will close this now but please do get back to me if you still seeing any problem.

Hi @gimico sorry for the late reply. I can’t seem to replicate but have some theories. Will push it in the next update. Sorry for the inconvenience it may have caused.

@vateko sorry for late reply. I can’t seem to be able to see anything at all that would help with diagnosis. Could you share a screenshot or maybe provide me login details.

Thanks

@besky thank you. I will look into it and try and replicate it. I will get back to you ASAP.

@toolssh4na I have not heard back from you in a week. I will close this support ticket for now. If the issue persist please leave another message.

Hi, @toolssh4na thanks for that. The issue seems to be with Google Maps API Key. The error says “The current URL loading the Maps JavaScript API has not been added to the list of allowed referrers. Please check the referrer settings of your API key in the Cloud Console.”

You need to

1. Login to Google Cloud Console
2. Select the project
3. Then go to Credential in API & Services
4. Then click on the API key
5. Then under Website Restriction add your website in this format

*.jdrautomotive.co.uk/*

Then save and try again.

You have only authorised https://jdrautomotive.co.uk/ so it doesn’t allow any subdomain or pages after the ending slash.

I hope that helps. Let me know how it goes.

Thanks

Raza