Skip to content
This repository has been archived by the owner on Nov 27, 2022. It is now read-only.

V3 Keyboard dismisses automatically #1289

Open
1 of 5 tasks
sindi-tegeria opened this issue Nov 1, 2021 · 10 comments
Open
1 of 5 tasks

V3 Keyboard dismisses automatically #1289

sindi-tegeria opened this issue Nov 1, 2021 · 10 comments

Comments

@sindi-tegeria
Copy link

sindi-tegeria commented Nov 1, 2021

Current behavior

After upgrading from ^2.15.0 to ^3.1.1, TextInput on iOS loses focus immediately after pressing.
It works fine on Android. With the ^2.15.0 it worked fine on iOS too, but I need to update the library on its latest.
In my case, the moment an Animated View changes its height (e.g from 0 to 200 and vice versa) on TextInput focus, the keyboard appears and closes in an instant. The moment I remove the Animated View which changes its height, the TextInputs work just fine. Check out the reproduction of the bug on the link I attached from Snack.

Note: I'm using @react-navigation/material-top-tabs on this screen as well, the Animated View stays on top of tabs, and the first route of the Tabs has many TextInputs inside.

Expected behavior

Keyboard should display and TextInput should keep its focus when some content changes its height inside the same screen

Reproduction

https://snack.expo.dev/OsQWK-1Db

Platform

  • Android
  • iOS
  • Web
  • Windows
  • MacOS

Environment

package version
react-native-tab-view ^3.1.1
react-native-pager-view ^5.4.8
react-native ^0.66.1
node 16.13.0
yarn 1.22.10
@react-navigation/material-top-tabs ^6.0.2
@react-navigation/native ^6.0.2
@github-actions
Copy link

github-actions bot commented Nov 1, 2021

Couldn't find version numbers for the following packages in the issue:

  • expo

Can you update the issue to include version numbers for those packages? The version numbers must match the format 1.2.3.

The versions mentioned in the issue for the following packages differ from the latest versions on npm:

  • react-native-pager-view (found: 5.4.7, latest: 5.4.8)

Can you verify that the issue still exists after upgrading to the latest versions of these packages?

@github-actions
Copy link

github-actions bot commented Nov 1, 2021

The versions mentioned in the issue for the following packages differ from the latest versions on npm:

  • react-native-pager-view (found: 5.4.7, latest: 5.4.8)

Can you verify that the issue still exists after upgrading to the latest versions of these packages?

@AliRezaBeigy
Copy link

Related issue:
callstack/react-native-pager-view#382

@nikoloz110
Copy link

"react-native-tab-view": "^2.15.2", using old version seems to fix the issue. but need fix in latest version

@PeterFred
Copy link

Related
#1244

@okwasniewski
Copy link
Collaborator

This issue is fixed when trying the snack with `react-native-pager-view@5.4.25. Closing this

@Manikanta-GEP
Copy link

This issue is fixed when trying the snack with `react-native-pager-view@5.4.25. Closing this

Not Working even with react-native-pager-view@5.4.25

@kyrstencarlson
Copy link

+1 still not working

@okwasniewski
Copy link
Collaborator

Thanks @kyrstencarlson, I'm reopening this. Can you open an issue in react-native-pager-view to address this?

@okwasniewski okwasniewski reopened this Nov 3, 2022
@kyrstencarlson
Copy link

Thanks @kyrstencarlson, I'm reopening this. Can you open an issue in react-native-pager-view to address this?

callstack/react-native-pager-view#632

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

7 participants