Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

TextInput Lag, Android 13 #35735

Open
DenisPostnikov opened this issue Dec 28, 2022 · 18 comments
Open

TextInput Lag, Android 13 #35735

DenisPostnikov opened this issue Dec 28, 2022 · 18 comments
Labels
Component: TextInput Related to the TextInput component. Impact: Performance When the issue impacts the app running or build performance Needs: Triage 🔍 Platform: Android Android applications.

Comments

@DenisPostnikov
Copy link

DenisPostnikov commented Dec 28, 2022

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

@DenisPostnikov DenisPostnikov changed the title Input Lag TextInput Lag Dec 28, 2022
@react-native-bot react-native-bot added the Component: TextInput Related to the TextInput component. label Dec 28, 2022
@DenisPostnikov DenisPostnikov changed the title TextInput Lag TextInput Lag, Android 13 Dec 28, 2022
@react-native-bot react-native-bot added the Platform: Android Android applications. label Dec 28, 2022
@Vijayakumarktm
Copy link

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

@Kishore0297
Copy link

me too facing issue in android 13

@cortinico
Copy link
Contributor

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

@Vijayakumarktm
Copy link

Vijayakumarktm commented Jan 18, 2023

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

@welch174
Copy link

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

@DenisPostnikov
Copy link
Author

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

I used TextInput without Flatlist

@welch174
Copy link

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
Copy link

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

@DenisPostnikov
Copy link
Author

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
Copy link

charlesionlake commented Jan 19, 2023

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
Copy link

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
Copy link
Author

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
Copy link

ejain commented May 4, 2023

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.

@kelset kelset added the Impact: Performance When the issue impacts the app running or build performance label May 9, 2023
@ejain
Copy link

ejain commented May 10, 2023

Duplicate of #35350?

@kkor
Copy link

kkor commented May 16, 2023

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
Copy link

holmesjr commented Sep 5, 2023

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

Copy link

github-actions bot commented Mar 5, 2024

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.

@github-actions github-actions bot added the Stale There has been a lack of activity on this issue and it may be closed soon. label Mar 5, 2024
@holmesjr
Copy link

holmesjr commented Mar 5, 2024

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?

@github-actions github-actions bot removed the Stale There has been a lack of activity on this issue and it may be closed soon. label Mar 6, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Component: TextInput Related to the TextInput component. Impact: Performance When the issue impacts the app running or build performance Needs: Triage 🔍 Platform: Android Android applications.
Projects
None yet
Development

No branches or pull requests