Skip to content
This repository was archived by the owner on Sep 5, 2025. It is now read-only.

Google Maps Autocomplete custom input  #26

@HelixForge

Description

@HelixForge

Lastly, remember to look if this issue isn't already created
Checked!

Describe what you're reporting
Trying to use a custom input for the auto complete so it matches the UI of the rest of the app.

How can we reproduce it?

  1. Go to https://playcode.io/1028912
  2. Enter your api key in the script.js
  3. left box is regular no slot, and it works perfectly, right box is with a slot and it fails.
  4. Doesn't create an error but doesn't do anything

What were your expecting to happen?
For auto complete to start auto completing like the right side box box

What happened?
Received an error

Screenshots
image

Device or enviroment

  • In which OS are you seeing this bug? Windows 11
  • If it is relevant, what browser are you? Chrome, Edge.
  • What is your npm version? 8.5.0
  • What is your vue version?" 3.2.45
  • What is your vue-google-maps-community-fork version? 0.1.6

Additional context

Hello, Thank you in advance for your time.

I'm using Autocomplete for google maps
https://vue-google-maps-community-fork.netlify.app/components/autocomplete.html#adding-a-custom-input-for-autocomplete

It works great, But when I try to use the custom input, I run into an error, On local, it works, On the server, it doesn't work, I get the following error on the server.

Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'input')
    at map.c1b864eb.js:19:8437

Metadata

Metadata

Assignees

Labels

duplicateThis issue or pull request already existsno activityLack of activity to keep this going

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions