jeremybarbet/react-native-modalize

Text Flickering While Typing

MS0015 opened this issue · 2 comments

MS0015 commented

When I use the react-native-modalize library to display a modal that contains a TextInput component and I start typing text into the TextInput, I notice that the entered text intermittently flickers or disappears briefly. This behavior is distracting and negatively affects the user experience.

Expected Behavior:
The entered text should remain stable and visible within the TextInput as I type, without any flickering or disappearing.

Actual Behavior:
The entered text within the TextInput flickers or disappears momentarily while typing, making the text input experience jarring and unpleasant.

Reproduce
https://github.com/jeremybarbet/react-native-modalize/assets/34243617/6ca520bd-9c8e-407e-9652-b539a2be1ede

Dependencies:

  • react-native-modalize [2.1.1]
  • react-native [0.70.6]
  • react-native-gesture-handler [2.8.0]
ajlee4 commented

have you been able to solve this problem?

Having the same issue, removing multiLine from the TextInput stops the issue from happening.

If we add a console.log on the onChangeText it looks like it gets called a bunch of times when typing a single char