Tintef / react-google-places-autocomplete

React Google Places Autocomplete input -- fully customizable
https://tintef.github.io/react-google-places-autocomplete
MIT License
378 stars 162 forks source link

Autocomplete options are behind other sections #325

Closed yvan99 closed 1 year ago

yvan99 commented 1 year ago

can you help me please with this issue?

WhatsApp Image 2023-06-02 at 17 06 18

here's my component

<GooglePlacesAutocomplete apiKey={MAPS_API_KEY} autocompletionRequest={{ componentRestrictions: { country: [countryCode], }, }} selectProps={{ styles: { input: (provided) => ({ ...provided, minWidth: 'max-content' }), }, required: true, placeholder: address ? address : 'Enter Your Delivery Address', onChange: (e) => handlePlaceAddressChange(e), }} />

Tintef commented 1 year ago

@yvan99 Please provide a repo to reproduce.

yvan99 commented 1 year ago

@yvan99 Please provide a repo to reproduce.

Thanks, @Tintef , unfortunately, it is a company's private repo, making it challenging to share. was wondering if there is any specific prop needed there because I also had the same issue with a select component of react-select and had to add this to work.

Screenshot 2023-06-09 114124
Tintef commented 1 year ago

You can target the inner react select and do that as well, check this docs