callstack / callstack/react-native-paper

TextInput doesn't work when wrapped with DataTable.Cell

Open
#4,236 0 comments 0 reactions 0 assignees View on GitHub
bug
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.