onPlaceSelect not being called

[carloslibardo]

Before submitting

• I tested using the latest version
• I checked for duplicate issues
• I have enabled enableDebug={true} prop and included console logs below

Platform

iOS

Versions

─┬ @expo/vector-icons@14.1.0
│ ├── react-native@0.79.4 deduped
│ └── react@19.0.0 deduped
├─┬ @react-native-async-storage/async-storage@2.2.0
│ └── react-native@0.79.4 deduped
├─┬ @react-native-community/datetimepicker@8.4.2
│ ├── react-native@0.79.4 deduped
│ └── react@19.0.0 deduped
├─┬ @react-navigation/bottom-tabs@7.3.17
│ ├── react-native@0.79.4 deduped
│ └── react@19.0.0 deduped
├─┬ @react-navigation/elements@2.4.6
│ ├── react-native@0.79.4 deduped
│ ├── react@19.0.0 deduped
│ ├─┬ use-latest-callback@0.2.4
│ │ └── react@19.0.0 deduped
│ └─┬ use-sync-external-store@1.5.0
│ └── react@19.0.0 deduped
├─┬ @react-navigation/native@7.1.13
│ ├─┬ @react-navigation/core@7.12.0
│ │ └── react@19.0.0 deduped
│ ├── react-native@0.79.4 deduped
│ └── react@19.0.0 deduped
├─┬ @sentry/react-native@6.15.1
│ ├─┬ @sentry/react@8.54.0
│ │ └── react@19.0.0 deduped
│ ├── react-native@0.79.4 deduped
│ └── react@19.0.0 deduped
├─┬ @testing-library/react-native@13.2.0
│ ├── react-native@0.79.4 deduped
│ ├─┬ react-test-renderer@19.0.0
│ │ └── react@19.0.0 deduped
│ └── react@19.0.0 deduped
├─┬ expo-apple-authentication@7.2.4
│ └── react-native@0.79.4 deduped
├─┬ expo-blur@14.1.5
│ ├── react-native@0.79.4 deduped
│ └── react@19.0.0 deduped
├─┬ expo-constants@17.1.6
│ └── react-native@0.79.4 deduped
├─┬ expo-font@13.3.1
│ └── react@19.0.0 deduped
├─┬ expo-image@2.3.0
│ ├── react-native@0.79.4 deduped
│ └── react@19.0.0 deduped
├─┬ expo-linking@7.1.5
│ ├── react-native@0.79.4 deduped
│ └── react@19.0.0 deduped
├─┬ expo-router@5.1.0
│ ├─┬ @expo/metro-runtime@5.0.4
│ │ └── react-native@0.79.4 deduped
│ ├─┬ @radix-ui/react-slot@1.2.0
│ │ ├─┬ @radix-ui/react-compose-refs@1.1.2
│ │ │ └── react@19.0.0 deduped
│ │ └── react@19.0.0 deduped
│ ├─┬ @react-navigation/native-stack@7.3.18
│ │ ├── react-native@0.79.4 deduped
│ │ └── react@19.0.0 deduped
│ └─┬ react-native-is-edge-to-edge@1.1.7
│ ├── react-native@0.79.4 deduped
│ └── react@19.0.0 deduped
├─┬ expo-status-bar@2.2.3
│ ├─┬ react-native-edge-to-edge@1.6.0
│ │ ├── react-native@0.79.4 deduped
│ │ └── react@19.0.0 deduped
│ ├── react-native@0.79.4 deduped
│ └── react@19.0.0 deduped
├─┬ expo-symbols@0.4.5
│ └── react-native@0.79.4 deduped
├─┬ expo-system-ui@5.0.9
│ └── react-native@0.79.4 deduped
├─┬ expo-web-browser@14.2.0
│ └── react-native@0.79.4 deduped
├─┬ expo@53.0.12
│ ├─┬ expo-asset@11.1.5
│ │ ├── react-native@0.79.4 deduped
│ │ └── react@19.0.0 deduped
│ ├─┬ expo-file-system@18.1.10
│ │ └── react-native@0.79.4 deduped
│ ├─┬ expo-keep-awake@14.1.4
│ │ └── react@19.0.0 deduped
│ ├── react-native@0.79.4 deduped
│ └── react@19.0.0 deduped
├─┬ jest-expo@53.0.7
│ ├── react-native@0.79.4 deduped
│ └─┬ react-server-dom-webpack@19.0.0
│ └── react@19.0.0 deduped
├─┬ nativewind@4.1.23
│ └─┬ react-native-css-interop@0.1.22
│ ├── react-native@0.79.4 deduped
│ └── react@19.0.0 deduped
├─┬ react-dom@19.0.0
│ └── react@19.0.0 deduped
├─┬ react-native-gesture-handler@2.24.0
│ ├── react-native@0.79.4 deduped
│ └── react@19.0.0 deduped
├─┬ react-native-get-random-values@1.11.0
│ └── react-native@0.79.4 deduped
├─┬ react-native-google-places-autocomplete@2.5.7
│ └── react-native@0.79.4 deduped
├─┬ react-native-maps@2.0.0-beta.15
│ ├── react-native@0.79.4 deduped
│ └── react@19.0.0 deduped
├─┬ react-native-mmkv@3.3.0
│ ├── react-native@0.79.4 deduped
│ └── react@19.0.0 deduped
├─┬ react-native-reanimated@3.17.5
│ ├── react-native@0.79.4 deduped
│ └── react@19.0.0 deduped
├─┬ react-native-safe-area-context@5.4.0
│ ├── react-native@0.79.4 deduped
│ └── react@19.0.0 deduped
├─┬ react-native-screens@4.11.1
│ ├─┬ react-freeze@1.0.4
│ │ └── react@19.0.0 deduped
│ ├── react-native@0.79.4 deduped
│ └── react@19.0.0 deduped
├─┬ react-native-svg@15.12.0
│ ├── react-native@0.79.4 deduped
│ └── react@19.0.0 deduped
├─┬ react-native-url-polyfill@2.0.0
│ └── react-native@0.79.4 deduped
├─┬ react-native-web@0.20.0
│ └── react@19.0.0 deduped
├─┬ react-native-webview@13.13.5
│ ├── react-native@0.79.4 deduped
│ └── react@19.0.0 deduped
├─┬ react-native@0.79.4
│ ├─┬ @react-native/virtualized-lists@0.79.4
│ │ ├── react-native@0.79.4 deduped
│ │ └── react@19.0.0 deduped
│ └── react@19.0.0 deduped
└── react@19.0.0

Bug summary

ScreenRecording_07-08-2025_13-56-38_1.mov

Clicking on results of search is not calling onPlaceSelect callback.

<GooglePlacesTextInput 
   apiKey: GOOGLE_MAPS_API_KEY,
   placeHolderText: 'Search for a location',
   fetchDetails: true,
   onPlaceSelect: (place) => {
     logger.log('onPlaceSelect callback fired');
     handlePlaceSelect(place);
   },
/>

[amitpdev]

@carloslibardo This looks like an issue with touch event not captured by the suggestion box.
please provide more jsx code of your component.
This problem will happen if you embed GooglePlacesTextInput inside a ScrollView.
Please use following code to fix it:

<ScrollView
  keyboardShouldPersistTaps="handled"
  nestedScrollEnabled={true}
>
  <Text>Fill in your address</Text>
  <GooglePlacesTextInput
    apiKey="YOUR_GOOGLE_PLACES_API_KEY"
    onPlaceSelect={handlePlaceSelect}
    scrollEnabled={false}
    nestedScrollEnabled={false}
  />
</ScrollView>

[amitpdev]

@carloslibardo Hi, can you please update? if no response, i'll have to close this issue.

[yashDahiwale]

Before submitting

• I tested using the latest version[x] I checked for duplicate issues[ ] I have enabled enableDebug={true} prop and included console logs below

Platform

iOS

Versions

─┬ @expo/vector-icons@14.1.0 │ ├── react-native@0.79.4 deduped │ └── react@19.0.0 deduped ├─┬ @react-native-async-storage/async-storage@2.2.0 │ └── react-native@0.79.4 deduped ├─┬ @react-native-community/datetimepicker@8.4.2 │ ├── react-native@0.79.4 deduped │ └── react@19.0.0 deduped ├─┬ @react-navigation/bottom-tabs@7.3.17 │ ├── react-native@0.79.4 deduped │ └── react@19.0.0 deduped ├─┬ @react-navigation/elements@2.4.6 │ ├── react-native@0.79.4 deduped │ ├── react@19.0.0 deduped │ ├─┬ use-latest-callback@0.2.4 │ │ └── react@19.0.0 deduped │ └─┬ use-sync-external-store@1.5.0 │ └── react@19.0.0 deduped ├─┬ @react-navigation/native@7.1.13 │ ├─┬ @react-navigation/core@7.12.0 │ │ └── react@19.0.0 deduped │ ├── react-native@0.79.4 deduped │ └── react@19.0.0 deduped ├─┬ @sentry/react-native@6.15.1 │ ├─┬ @sentry/react@8.54.0 │ │ └── react@19.0.0 deduped │ ├── react-native@0.79.4 deduped │ └── react@19.0.0 deduped ├─┬ @testing-library/react-native@13.2.0 │ ├── react-native@0.79.4 deduped │ ├─┬ react-test-renderer@19.0.0 │ │ └── react@19.0.0 deduped │ └── react@19.0.0 deduped ├─┬ expo-apple-authentication@7.2.4 │ └── react-native@0.79.4 deduped ├─┬ expo-blur@14.1.5 │ ├── react-native@0.79.4 deduped │ └── react@19.0.0 deduped ├─┬ expo-constants@17.1.6 │ └── react-native@0.79.4 deduped ├─┬ expo-font@13.3.1 │ └── react@19.0.0 deduped ├─┬ expo-image@2.3.0 │ ├── react-native@0.79.4 deduped │ └── react@19.0.0 deduped ├─┬ expo-linking@7.1.5 │ ├── react-native@0.79.4 deduped │ └── react@19.0.0 deduped ├─┬ expo-router@5.1.0 │ ├─┬ @expo/metro-runtime@5.0.4 │ │ └── react-native@0.79.4 deduped │ ├─┬ @radix-ui/react-slot@1.2.0 │ │ ├─┬ @radix-ui/react-compose-refs@1.1.2 │ │ │ └── react@19.0.0 deduped │ │ └── react@19.0.0 deduped │ ├─┬ @react-navigation/native-stack@7.3.18 │ │ ├── react-native@0.79.4 deduped │ │ └── react@19.0.0 deduped │ └─┬ react-native-is-edge-to-edge@1.1.7 │ ├── react-native@0.79.4 deduped │ └── react@19.0.0 deduped ├─┬ expo-status-bar@2.2.3 │ ├─┬ react-native-edge-to-edge@1.6.0 │ │ ├── react-native@0.79.4 deduped │ │ └── react@19.0.0 deduped │ ├── react-native@0.79.4 deduped │ └── react@19.0.0 deduped ├─┬ expo-symbols@0.4.5 │ └── react-native@0.79.4 deduped ├─┬ expo-system-ui@5.0.9 │ └── react-native@0.79.4 deduped ├─┬ expo-web-browser@14.2.0 │ └── react-native@0.79.4 deduped ├─┬ expo@53.0.12 │ ├─┬ expo-asset@11.1.5 │ │ ├── react-native@0.79.4 deduped │ │ └── react@19.0.0 deduped │ ├─┬ expo-file-system@18.1.10 │ │ └── react-native@0.79.4 deduped │ ├─┬ expo-keep-awake@14.1.4 │ │ └── react@19.0.0 deduped │ ├── react-native@0.79.4 deduped │ └── react@19.0.0 deduped ├─┬ jest-expo@53.0.7 │ ├── react-native@0.79.4 deduped │ └─┬ react-server-dom-webpack@19.0.0 │ └── react@19.0.0 deduped ├─┬ nativewind@4.1.23 │ └─┬ react-native-css-interop@0.1.22 │ ├── react-native@0.79.4 deduped │ └── react@19.0.0 deduped ├─┬ react-dom@19.0.0 │ └── react@19.0.0 deduped ├─┬ react-native-gesture-handler@2.24.0 │ ├── react-native@0.79.4 deduped │ └── react@19.0.0 deduped ├─┬ react-native-get-random-values@1.11.0 │ └── react-native@0.79.4 deduped ├─┬ react-native-google-places-autocomplete@2.5.7 │ └── react-native@0.79.4 deduped ├─┬ react-native-maps@2.0.0-beta.15 │ ├── react-native@0.79.4 deduped │ └── react@19.0.0 deduped ├─┬ react-native-mmkv@3.3.0 │ ├── react-native@0.79.4 deduped │ └── react@19.0.0 deduped ├─┬ react-native-reanimated@3.17.5 │ ├── react-native@0.79.4 deduped │ └── react@19.0.0 deduped ├─┬ react-native-safe-area-context@5.4.0 │ ├── react-native@0.79.4 deduped │ └── react@19.0.0 deduped ├─┬ react-native-screens@4.11.1 │ ├─┬ react-freeze@1.0.4 │ │ └── react@19.0.0 deduped │ ├── react-native@0.79.4 deduped │ └── react@19.0.0 deduped ├─┬ react-native-svg@15.12.0 │ ├── react-native@0.79.4 deduped │ └── react@19.0.0 deduped ├─┬ react-native-url-polyfill@2.0.0 │ └── react-native@0.79.4 deduped ├─┬ react-native-web@0.20.0 │ └── react@19.0.0 deduped ├─┬ react-native-webview@13.13.5 │ ├── react-native@0.79.4 deduped │ └── react@19.0.0 deduped ├─┬ react-native@0.79.4 │ ├─┬ @react-native/virtualized-lists@0.79.4 │ │ ├── react-native@0.79.4 deduped │ │ └── react@19.0.0 deduped │ └── react@19.0.0 deduped └── react@19.0.0

Bug summary

ScreenRecording_07-08-2025_13-56-38_1.mov
Clicking on results of search is not calling onPlaceSelect callback.

<GooglePlacesTextInput 
   apiKey: GOOGLE_MAPS_API_KEY,
   placeHolderText: 'Search for a location',
   fetchDetails: true,
   onPlaceSelect: (place) => {
     logger.log('onPlaceSelect callback fired');
     handlePlaceSelect(place);
   },
/>

I think there might problem in your code. Because i am using onPlaceSelect and it is working properly, I am able to see on the console too. So, if you provide your code that would be great.

[carloslibardo]

Sup guys, sorry for the late answer, crazy deadline here hehe

I'll take some time this weekend to try to use it again. I was using this one instead, but I didn't like it; there are some issues and limitations

[jansg08]

I think there might problem in your code. Because i am using onPlaceSelect and it is working properly, I am able to see on the console too. So, if you provide your code that would be great.

Not OP but I have the same problem currently. Here's the relevant code structure:

<ScrollView
  keyboardShouldPersistTaps="handled"
  nestedScrollEnabled
>
  <View>
    <View>
      <Text>Address</Text>
      <GooglePlacesTextInput
        apiKey={/* api key */}
        onPlaceSelect={() => console.log("Place selected")}
        nestedScrollEnabled={false}
        scrollEnabled={false}
      />
    </View>
  </View>
</ScrollView>

I don't get any console logs when I select a place.

[yashDahiwale]

I think there might problem in your code. Because i am using onPlaceSelect and it is working properly, I am able to see on the console too. So, if you provide your code that would be great.

Not OP but I have the same problem currently. Here's the relevant code structure:

<ScrollView
keyboardShouldPersistTaps="handled"
nestedScrollEnabled

Address console.log("Place selected")} nestedScrollEnabled={false} scrollEnabled={false} /> I don't get any console logs when I select a place.

i tried your code on the sandbox and it worked for me, here see the video

demo.mp4