react-native-tab-view icon indicating copy to clipboard operation
react-native-tab-view copied to clipboard

V3 Keyboard dismisses automatically

Open sindi-tegeria opened this issue 4 years ago • 10 comments

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
  • [X] 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

sindi-tegeria avatar Nov 01 '21 17:11 sindi-tegeria

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[bot] avatar Nov 01 '21 17:11 github-actions[bot]

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[bot] avatar Nov 01 '21 17:11 github-actions[bot]

Related issue: https://github.com/callstack/react-native-pager-view/issues/382

AliRezaBeigy avatar Nov 02 '21 23:11 AliRezaBeigy

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

nikoloz110 avatar Nov 08 '21 12:11 nikoloz110

Related https://github.com/satya164/react-native-tab-view/issues/1244

PeterFred avatar Jan 06 '22 17:01 PeterFred

This issue is fixed when trying the snack with `[email protected]. Closing this

okwasniewski avatar Sep 09 '22 09:09 okwasniewski

This issue is fixed when trying the snack with `[email protected]. Closing this

Not Working even with [email protected]

Manikanta-GEP avatar Oct 18 '22 09:10 Manikanta-GEP

+1 still not working

kyrstencarlson avatar Nov 03 '22 15:11 kyrstencarlson

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

okwasniewski avatar Nov 03 '22 16:11 okwasniewski

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

https://github.com/callstack/react-native-pager-view/issues/632

kyrstencarlson avatar Nov 03 '22 17:11 kyrstencarlson