Text input cursor and text color not applying when typing in GooglePlacesTextInput

[PranithKanchan]

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

"react-native": "^0.74.2",
"react-native-google-places-textinput": "^0.9.1",

Bug summary

When using GooglePlacesTextInput, the text input behaves [unexpectedly:](

)

• The placeholder shows correctly.
• But when typing text, the text color is not visible.
• The text is actually being typed (can be logged) but the user cannot see it on screen.

Additional Notes

• Issue only occurs when typing — suggestions display correctly.
• No styling override or wrapper style fixed the issue.
• Tested with light mode and dark mode — still same behavior.

Environment
iOS: ✔️ Issue occurs
Android: ✔️ Issue occurs

Debug logs (with enableDebug={true})

LOG  [GooglePlacesTextInput:INIT] 2025-11-25T06:54:22.811Z - Component initialized with props
 LOG  [GooglePlacesTextInput:INIT] Data: {"apiKey": "[PROVIDED]", "debounceDelay": 200, "detailsFields": ["formattedAddress", "location", "viewport", "addressComponents", "name"], "detailsProxyUrl": null, "fetchDetails": true, "minCharsToFetch": 2, "platform": "ios"}
 LOG  Search text: u
 LOG  [GooglePlacesTextInput:PREDICTIONS] 2025-11-25T06:54:24.897Z - Starting fetch for text: "u"
 LOG  [GooglePlacesTextInput:PREDICTIONS] 2025-11-25T06:54:24.897Z - Request params
 LOG  [GooglePlacesTextInput:PREDICTIONS] Data: {"apiKey": "[PROVIDED]", "includedRegionCodes": undefined, "languageCode": "en", "locationBias": undefined, "locationRestriction": undefined, "minCharsToFetch": 2, "proxyHeaders": null, "proxyUrl": undefined, "sessionToken": "7160690f-3b86-4417-ac6b-573a98eb6338", "text": "u", "types": []}
 LOG  [GooglePlacesTextInput:PREDICTIONS] 2025-11-25T06:54:24.898Z - Text too short (1 < 2)
 LOG  Search text: ud
 LOG  Search text: udu
 LOG  [GooglePlacesTextInput:PREDICTIONS] 2025-11-25T06:54:25.312Z - Starting fetch for text: "udu"
 LOG  [GooglePlacesTextInput:PREDICTIONS] 2025-11-25T06:54:25.312Z - Request params
 LOG  [GooglePlacesTextInput:PREDICTIONS] Data: {"apiKey": "[PROVIDED]", "includedRegionCodes": undefined, "languageCode": "en", "locationBias": undefined, "locationRestriction": undefined, "minCharsToFetch": 2, "proxyHeaders": null, "proxyUrl": undefined, "sessionToken": "7160690f-3b86-4417-ac6b-573a98eb6338", "text": "udu", "types": []}
 LOG  [GooglePlacesTextInput:PREDICTIONS] 2025-11-25T06:54:25.670Z - Success: 5 predictions received
 LOG  [GooglePlacesTextInput:PREDICTIONS] 2025-11-25T06:54:25.670Z - Predictions data
 LOG  [GooglePlacesTextInput:PREDICTIONS] Data: [{"placePrediction": {"place": "places/ChIJz0GPk2m7vDsRQwGFMeSZzMw", "placeId": "ChIJz0GPk2m7vDsRQwGFMeSZzMw", "structuredFormat": [Object], "text": [Object], "types": [Array]}}, {"placePrediction": {"place": "places/ChIJQ0o6WVPMqTsR6UP3sYK-JSo", "placeId": "ChIJQ0o6WVPMqTsR6UP3sYK-JSo", "structuredFormat": [Object], "text": [Object], "types": [Array]}}, {"placePrediction": {"place": "places/ChIJ8WhL-6G7vDsRLmGC0YfatfY", "placeId": "ChIJ8WhL-6G7vDsRLmGC0YfatfY", "structuredFormat": [Object], "text": [Object], "types": [Array]}}, {"placePrediction": {"place": "places/ChIJg0UMKhL74joRQ0Fc37O9Pr8", "placeId": "ChIJg0UMKhL74joRQ0Fc37O9Pr8", "structuredFormat": [Object], "text": [Object], "types": [Array]}}, {"placePrediction": {"place": "places/ChIJs7VtvsK7vDsRkHpBBwFGzzI", "placeId": "ChIJs7VtvsK7vDsRkHpBBwFGzzI", "structuredFormat": [Object], "text": [Object], "types": [Array]}}]

[ksarna]

This works fine in 0.9.0 but's broken on 0.9.1

[AlvaroEscalonaB]

I think I solved it after the set this property in the component

<GooglePlacesTextInput
  style: {
    input: {
      paddingVertical: 0,
      },
    },
  }
/>

[Jordey92]

I have the same issue, adding the following styles seems to have fixed it for me:

container: {
        top: insets.top + 10,
        marginHorizontal: theme.sizing.medium,
        position: 'absolute',
        left: 0,
        right: 0,
        zIndex: 10,
    },

The main fix was adding position: 'absolute'.

[DaveVaval]

I think I solved it after the set this property in the component

<GooglePlacesTextInput
style: {
input: {
paddingVertical: 0,
},
},
}
/>

I am having a lot of issues with styling this library. When I add paddingVertical: 0 it seems to fix it, but the minute I reload the app, it breaks the whole styling.

EKTK3025.MP4