Not able to select suggestions by clicking (only tab works) react-places-autocomplete

[Sithu-Soe]

When i use with phone browser, can't even select with clicking. In Computer browser only work with tab.

`import React, { useState } from 'react'; import PlacesAutocomplete, { geocodeByAddress, getLatLng, } from 'react-places-autocomplete';

const LocationSearchInput = () => { const [address, setAddress] = useState(''); const [coordinates, setCoordinates] = useState({ lat: null, lng: null }); const handleSelect = async value => { const results = await geocodeByAddress(value); const latLng = await getLatLng(results[0]) setAddress(value); setCoordinates(latLng) } return ( <PlacesAutocomplete value={this.state.address} onChange={setAddress} onSelect={handleSelect} > {({ getInputProps, suggestions, getSuggestionItemProps, loading }) => (

<input {...getInputProps({ placeholder: 'Search Places ...', className: 'location-search-input', })} /> <div className="autocomplete-dropdown-container"> {loading &&

Loading...

} {suggestions.map(suggestion => { const className = suggestion.active ? 'suggestion-item--active' : 'suggestion-item'; // inline style for demonstration purpose const style = suggestion.active ? { backgroundColor: '#fafafa', cursor: 'pointer' } : { backgroundColor: '#ffffff', cursor: 'pointer' }; return ( <div {...getSuggestionItemProps(suggestion, { className, style, })} > {suggestion.description}

); })} )} </PlacesAutocomplete> );

}`

[lowlyocean]

+1. I'm also experiencing that clicking a suggestion doesn't change input value. In my case I'm using PlacesAutocomplete as a child with a react-leaflet control

[ErinStearns]

also having this issue. clicking doesn't set the input value to the new address, only arrow keys and enter work

[SasiKumar-Ramesh]

+1. Is there any alternate workaround to this?

[lowlyocean]

+1. Is there any alternate workaround to this?

Might have some luck trying something like this, YMMV

[GaneshSinghPapola]

any fixes?

[joao-salgado]

any fixes?