callstack / callstack/react-native-paper

Input inside of Portal duplicates text

Open
#2,780 9 comments 5 reactions 1 assignee Claimed by @malgorzatamaz View on GitHub
Hacktoberfest help wanted Keep opened Portal repro provided
Dominant language
TypeScript
Stars
14.5k
Forks
2.2k
Avg merge
5d 23h
Merged PRs (30d)
12

Description

### Current behaviour

When a `react-native` `TextInput` is inside of a `Portal` (even if as a descendant, say, inside nested `View`s inside of a `Modal` ), when the user types, it will (inconsistently) duplicate the existing text in the input box

There doesn't seem to be a correlation between how much the user types. In my app (a non-minimal repro that I won't link), it seems to be nearly every 2-3 characters, but the minimal repro that I WILL link happens significantly more infrequently

I have only confirmed this behavior on Android, have not tested on iOS.

### Expected behaviour

Text inputs in `Portal` should not duplicate text incorrectly

### Code sample

https://github.com/crutchcorn/rn-paper-portal-bug-repro

### Screenshots (if applicable)

![keyboard-bug](https://user-images.githubusercontent.com/9100169/122621552-bd7a5380-d04a-11eb-9488-1dc8f8523062.gif)

### What have you tried

- Upgrading `react-native`
- Upgrading `react-native-paper`
- Creating minimal repro
- Confirmed this happens on both emulator and physical device

### Your Environment

| software | version
| --------------------- | -------
| ios or android | android v11
| react-native | 0.64.2
| react-native-paper | 4.9.1
| node | 12.16.1
| npm or yarn | yarn 1.22.5
| expo sdk | n/a

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.