TextInput Lag, Android 13

[DenisPostnikov]

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

[Vijayakumarktm]

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

[Kishore0297]

me too facing issue in android 13

[cortinico]

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

[Vijayakumarktm]

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

[welch174]

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

[DenisPostnikov]

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

I used TextInput without Flatlist

[welch174]

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]

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

[DenisPostnikov]

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]

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]

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]

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]

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]

Duplicate of #35350?

[kkor]

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]

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

[github-actions]

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]

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]

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]

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.