Skip to content

TextInput loses focus inside Banner on iOS onlyΒ #4178

@sudarsangp

Description

@sudarsangp

Current behaviour

TextInput loses focus every type a character is entered and keyboard is dismissed. This happens only on iOS real device.
On android real device it works as expected.

Expected behaviour

TextInput inside Banner shouldn't lose focus and keyboard should be visible.

How to reproduce?

Create a TextInput component inside a Banner component
Snack Expo Code

Preview

react-native-paper.ios.textinput.issue.mov

What have you tried so far?

  1. I setup the repo locally and modified BannerExample to reproduce the issue.
  2. I commented the different parts in Banner source code
  3. I noticed the Surface is rendered differently on iOS so commented different parts of source code

Unable to figure out, so I am not sure how to proceed.

Your Environment

software version
ios 15.7.9
react-native 0.72.4
react-native-paper 5.10.1
node 18.17.0
npm 9.8.1
expo sdk 49.0.5

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions