callstack / callstack/react-native-paper

[New Arch] TextInput text change flickers if within Portal

Open
#4,580 15 comments 8 reactions 0 assignees View on GitHub
bug TextInput
Dominant language
TypeScript
Stars
14.5k
Forks
2.2k
Avg merge
5d 23h
Merged PRs (30d)
12

Description

### Current behaviour
Under new arch any `TextInput` component (be it from react-native-paper or from react-native) within `Portal` (modal or dialog) will flicker when text is being changed.

### Expected behaviour
Editing text is smooth.

### How to reproduce?
Clone this repo: https://github.com/codan84/text-input-flicker
```
npm install
npm start
```
Open in Expo Go.

### Preview
https://github.com/user-attachments/assets/444d7ce3-c29b-4893-98b4-1322e6b846a9

### What have you tried so far?
Nothing, I see loads of issues related to Portal under new arch so I guess this is another one?

### Your Environment

| software | version
| --------------------- | -------
| ios | 18.1.1
| android | 10
| react-native | 0.76.5
| react-native-paper | 5.12.5
| expo sdk | 52

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.