callstack / callstack/react-native-paper
TextInput doesn't work when wrapped with DataTable.Cell
- Dominant language
- TypeScript
- Stars
- 14.5k
- Forks
- 2.2k
- Avg merge
- 5d 23h
- Merged PRs (30d)
- 12
Description
### Current behaviour
When wrapping react-native-paper TextInput with DataTable.Cell, the TextInput field cannot be clicked. This happens when using expo 46 or 47 for example. However, when switching to expo 49 the issue is gone.
### Expected behaviour
TextInput should work no matter what the expo version is.
### How to reproduce?
Check this snack and use it with expo 47 and then switch to 49:
https://snack.expo.dev/NJBBqWh5g
### Preview
Use the snack and switch from expo v47 to 49 and see that input starts working again
### What have you tried so far?
I have tried to use pointerEvents prop etc without success.
### Your Environment
| software | version
| --------------------- | -------
| ios | x
| android | x
| react-native | x.x.x
| react-native-paper | 5.11.4
| node | x.x.x
| npm or yarn | x.x.x
| expo sdk | 47.0.0 / 49.0.0
Contributor guide
Research direction
Start with the linked Expo Snack and reproduce the interaction between react-native-paper TextInput and DataTable.Cell under Expo SDK 47, then compare it with SDK 49 where the issue is absent. Trace the DataTable.Cell and TextInput entry points involved in touch handling; done means the field can be clicked in the reported Expo versions.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react-native, typescript
- Domain
- mobile
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100