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 (

{({ getInputProps, suggestions, getSuggestionItemProps, loading }) => (

<input
{...getInputProps({
placeholder: 'Search Places ...',
className: 'location-search-input',
})}
/>

{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}

);
})}

)}

);

}`

[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?