Skip to content

iOS - Input field shifts out of view after fresh install until app is restarted #2594

Open
@rakeshpatilAW

Description

@rakeshpatilAW

Issue Description
View shifts down and input box gets hidden when the keyboard is displayed on iOS, but only after a fresh install of the app. The issue automatically resolves after killing and restarting the app. This only occurs after a first-time install and is no longer reproducible after the app is reopened.

Steps to Reproduce / Code Snippets

  • Install the app freshly (either via Xcode or TestFlight).
  • Open a screen that uses GiftedChat (or similar input field).
  • Tap on the input field to open the keyboard.
  • Observe the view shifting unexpectedly, causing the input field to either move down or go out of bounds.
  • Kill the app completely (swipe it from recent apps) and reopen.
  • Repeat step 3 and observe that the issue no longer occurs.

Expected Results

  • After installing the app for the first time, the input field should remain properly visible when the keyboard is opened.
  • The view should adjust correctly to the keyboard without shifting the input field out of the safe area or screen bounds.
  • User should not have to kill and restart the app to fix this behavior manually.
  • This behavior should be consistent across app installs and restarts.

Node.js version: 18.19.0
React version: 18.2.0
React Native version: 0.73.11
react-native-gifted-chat version: 2.4.0
Platform(s): iOS only (works fine on Android)
TypeScript version: 5.0.4

Screenshots/Video

Chat.app.issue.mov

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions