Google Maps Auto-suggest in ACFE Form not working

  • Resolved bitojoe

    (@bitojoe)


    1 year, 12 months ago

    Hello,

    I’m having an issue with Google Map Fields in ACFE Forms. When used in the backend the address auto-suggestion dropdown shows up upon typing and the user can easily click the address they’d like to use. However, when using this field-type within an ACFE Form on the front-end, it doesn’t seem to work.

    It seems to me that there may be a bit of javascript maybe not firing correct but there aren’t any errors in the console so I’m having a bit of a hard time troubleshooting.

    I should mention that upon writing out the entire address manually and clicking the search button, it will find the address and set it correctly. It’s just that the auto-suggestion dropdown does not show.

    Thanks!

Viewing 1 replies (of 1 total)
  • Plugin Author Konrad Chmielewski

    (@hwk-fr)

    Hello,

    Thanks for the feedback!

    I just tested it, and it works fine on my end. Here is the video of my test.

    Note that the Google Map field use the Google Geocoder API. To make sure everything is fine on the Javascript side, I would recommend to open your browser console (F12 on chrome), to check if there is any error.

    The Google Map Geocoder suggestion list is also displayed within a <div class="pac-container pac-logo hdpi"></div> at the bottom of the HTML body (as shown in the video). You should make sure this div isn’t hidden by some custom CSS in a plugin or your theme.

    I would recommend to setup a clean WP install with ACF Pro + ACF Extended only, and test the feature on it. If you prefer to keep your installation, then try to disable all your plugins one-by-one (at the exception of ACF Pro & ACF Extended) until you find which one cause the issue.

    If the problem persists, I would suggest switch to the native WP Twenty Twenty Two theme, to make sure you don’t have any custom code in your theme that would break the feature.

    Hope it helps!

    Have a nice day!

    Regards.

Viewing 1 replies (of 1 total)
  • The topic ‘Google Maps Auto-suggest in ACFE Form not working’ is closed to new replies.

Tags