Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

TextInput loses focus inside Banner on iOS only #4178

Open
sudarsangp opened this issue Nov 13, 2023 · 0 comments · May be fixed by #4179
Open

TextInput loses focus inside Banner on iOS only #4178

sudarsangp opened this issue Nov 13, 2023 · 0 comments · May be fixed by #4179
Labels
Banner bug

Comments

@sudarsangp
Copy link

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
@sudarsangp sudarsangp added the bug label Nov 13, 2023
abdulbasithqb added a commit to abdulbasithqb/react-native-paper that referenced this issue Nov 13, 2023
@abdulbasithqb
fix: TextInput loses focus inside Banner on iOS only callstack#4178
74e81a9
abdulbasithqb added a commit to qburst/react-native-paper-qb-1 that referenced this issue Nov 13, 2023
@abdulbasithqb
Merge pull request #2 from abdulbasithqb/fixes/banner-focus-fix
1053af1 
fix: TextInput loses focus inside Banner on iOS only callstack#4178
@abdulbasithqb abdulbasithqb linked a pull request Nov 13, 2023 that will close this issue
Open
@lukewalczak lukewalczak linked a pull request Nov 28, 2023 that will close this issue
fix: TextInput loses focus inside Banner on iOS only #4179
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
Banner bug
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

fix: TextInput loses focus inside Banner on iOS only qburst/react-native-paper-qb-1
2 participants
@sudarsangp @lukewalczak