Bug: User Input type 'address' (google API) - no selection from dropdown possible

Good day,
there seems to be something wrong with the address user input fields (using google API). When typing in an address, autofill makes suggestions. However, they can’t be selected via ‘click’/ ‘enter’.
I doubt this is meant to function this way.
Is this a bug or is it me who doesn’t function properly :/?

Many thanks,
Constantin

2 Likes

Have you seen the Wix example linked below for this as that works fine.

You can also check code with the Wix API Reference for the Address Input.
https://www.wix.com/corvid/reference/$w.AddressInput.html

Wix Example.
https://www.wix.com/corvid/forum/corvid-tips-and-updates/example-using-the-places-api-from-google-maps-services

Hi @givemeawhisky , yes, indeed I did. I know the lat/long transforming tutorial etc… However, storing location in form of an address instead of long/lat is more convenient for me. Wix has a build in ‘address input field’ that also uses google’s auto complete.

Problem: Autocomplete is working, but shown (autocomplete)-results in the drop down can’t be selected. I doubt this is how wix planned things to be.

Many thanks,
Constantin

Okay I was assuming that you had seen it, however had to check. Therefore can I assume that you have also seen this page about using the Address Input and how to test it in your preview mode?
https://support.wix.com/en/article/generating-a-google-maps-api-key-for-the-address-input-element

Allow access for your Editor
For your Address Input element to work in your Editor’s Preview mode, you will need to add a modified version of your Editor’s URL to your Secure Credentials. The beginning will stay…

@brett-haralson
Can we get this line corrected in the Wix Support page as it currently says:
‘For your Address Input element to work in you’re Editor’s Preview mode…’
When it should be
‘For your Address Input element to work in your Editor’s Preview mode…’
(It is your and not you are)

Dear @givemeawhisky , yes, there seems to be no problem with the google API. If I remove it, no suggestions are shown at all. Maybe I’m expressing myself not clear. Let me add a screenshot. As you can see, google makes suggestions. However, when these are selected (enter or mouse click), the selected suggestion is not transfered into the field. In the example below, only “Steenka” remains in the input field, although an item has been selected from the dropwdown list.

Hope that clarifies :).

Many thanks.

Yes I understood what you meant, I was just trying to make sure that you had covered all of the bases from Wix etc.

Can you post a link to your website so that I can see it myself?

Or add your editor url so that Wix Mods can view your editor and look at how your page is setup etc.

Note that only Wix Mods and Admins from this forum can open your editor, nobody else has the right permissions to do so and that includes Corvid Masters and Ninjas.

Hello all, I am facing the same problem. I would appreciate someone sharing the solution if possible.

Same problem here. Added the google maps api key into an element of type “Address Input”, the dropdown appears, but the selected address is not placed in the input, not by clicking or pressing enter.

I noticed that when I click on the dropdown the following error appears in the console:


so after all it may not be a problem on Wix side.
I need to investigate the settings on my Google Cloud account.
I’ll keep you posted if this solve the issue, thanks

@givemeawhisky Have you found a fix for this perhaps? I have the same issue, the integration and API call is fine… when I select an item in the autocomplete it is not passed to the value of the field.

Were you able to solve this? I have the same problem.

I also have the same issue.

@constantintrautmann @raskalasaudi @andreawozzup @carryoutdeal
Sorry for dropping in late here.

If I had to guess the cause of the problem from what you’re describing, it would be that you have the Places API enabled, but not the Geocoding API.

This is because only the Places API is used to populate the list of suggestions, but when you select a specific suggestion the Geocoding API is also used to obtain further information about the address (such as its lat/lon coordinates).

Please try to follow the instructions in this article and let me know if once you enable the Geocoding API the issue goes away.

HTH