search

facebook / react-native

A framework for building native applications using React
https://reactnative.dev
MIT License
119.16k stars 24.32k forks source link

TextInput Lag, Android 13 #35735

Open DenisPostnikov opened 1 year ago

DenisPostnikov commented 1 year ago

Description

Device Pixel, Android 13

Case 1: During typing a of text observed lagging.

Case 2: After typing a lot of text into a Text Input, we start freezing.

Adding autoCorrect={false}, keyboardType="visible-password" and returnKeyType='none' not helped.

Version

0.68.5

Output of npx react-native info

-

Steps to reproduce

Start typing in TextInput on the Pixel device.

Snack, code example, screenshot, or link to a repository

repr

Vijayakumarktm commented 1 year ago

Any update in this issue? I'm also facing issue in Android 13.

Kishore0297 commented 1 year ago

me too facing issue in android 13

cortinico commented 1 year ago

Potentially related to #35590 What happens if you copy-paste a wall of text?

Vijayakumarktm commented 1 year ago

@cortinico No solution in #35590 also. Any other solution to fix it immediately?

welch174 commented 1 year ago

Try drawing your list upside down, and then the contents in the list upside down. https://github.com/facebook/react-native/issues/35350

DenisPostnikov commented 1 year ago

Try drawing your list upside down, and then the contents in the list upside down. #35350

I used TextInput without Flatlist

welch174 commented 1 year ago

Try drawing your list upside down, and then the contents in the list upside down. #35350

I used TextInput without Flatlist

Is the view above your textinput using a flatlist or sectionlist?

Vijayakumarktm commented 1 year ago

@stelmakhivan Myself using inverted Flatlist and TextInput. Both are in different component. How inverted list is related to this TextInput lag issue?

DenisPostnikov commented 1 year ago

Try drawing your list upside down, and then the contents in the list upside down. #35350

I used TextInput without Flatlist

Is the view above your textinput using a flatlist or sectionlist?

Nothing from this only View

charlesionlake commented 1 year ago

Did anyone have any success fixing this? I'm using react-native-gifted-chat so not so straightforward to invert FlatList with CSS transforms.

JuanAlejandro commented 1 year ago

Try drawing your list upside down, and then the contents in the list upside down. #35350

I used TextInput without Flatlist

Is the view above your textinput using a flatlist or sectionlist?

Nothing from this only View

Can you share the code you are using to render that list?

DenisPostnikov commented 1 year ago

Try drawing your list upside down, and then the contents in the list upside down. #35350

I used TextInput without Flatlist

Is the view above your textinput using a flatlist or sectionlist?

Nothing from this only View

Can you share the code you are using to render that list?

<TextInput multiline editable={!isDisabled} placeholder={_( isDisabled ? 'CHAT_INPUT_PLACEHOLDER_DISABLED' : 'CHAT_INPUT_PLACEHOLDER', )} placeholderTextColor={AppStyles.placeholderColor} style={[ styles.input, {maxHeight: conversationChat ? 105 : 140} ]} value={message} onChangeText={this.onMessageChanged} onFocus={this.props.onFocusChatInput} onBlur={this.props.onBlurChatInput} />

ejain commented 1 year ago

Potentially related to #35590

I can reproduce this issue on a Pixel device that has never seen Grammarly and is running an app using React Native v0.70.9, where that issue has been fixed.

What happens if you copy-paste a wall of text?

It's not the amount of text (copy-pasting a large block of text is fine), but the number of edits (including deletions). Simply typing and deleting a single character 50x is enough to make the input lag severely.

ejain commented 1 year ago

Duplicate of https://github.com/facebook/react-native/issues/35350?

kkor commented 1 year ago

It's not the amount of text (copy-pasting a large block of text is fine), but the number of edits (including deletions).

Also happens on Samsung Galaxy A52 Android 13, quite consistently in real use when writing normal messages and fixing swiped words.

Simply typing and deleting a single character 50x is enough to make the input lag severely.

Can reproduce consistently with this method!

holmesjr commented 1 year ago

This is a five-year-old issue: #20119. Do not hold your breath for a solution.

github-actions[bot] commented 8 months ago

This issue is stale because it has been open 180 days with no activity. Remove stale label or comment or this will be closed in 7 days.

holmesjr commented 8 months ago

This issue is stale because it has been open 180 days with no activity. Remove stale label or comment or this will be closed in 7 days.

So the way bugs in RN are handled is to ignore them and hope nobody comments on them?

react-native-bot commented 2 months ago

This issue is stale because it has been open 180 days with no activity. Remove stale label or comment or this will be closed in 7 days.

holmesjr commented 2 months ago

This issue is stale because it has been open 180 days with no activity. Remove stale label or comment or this will be closed in 7 days.

Not today bot. This issue stays open as long as I'm alive, despite it being totally ignored for years.