Keyboard Flickering on TextInput with secureTextEntry #39411

gcon97 · 2023-09-12T12:49:38Z

Description

If you have 2 text inputs, (One with secure text entry enabled and the other set to disabled), When typing, highlighting and scrolling in the non-secure text entry, the keyboard will flicker.
This is an iOS issue only, I have tested this using iOS 17, on an iPhone 13 mini. I cannot repeat this issue in the simulator, only on the device.

It appears to be when iOS recognizes it as a login field, so it presents the auto-fill passwords UI. See the attached video on the flickering issue described.

RPReplay_Final1694522683.mov

React Native Version

0.72.4

Output of `npx react-native info`

System:
OS: macOS 13.4.1
CPU: (10) arm64 Apple M1 Pro
Memory: 115.16 MB / 16.00 GB
Shell:
version: "5.9"
path: /bin/zsh
Binaries:
Node:
version: 20.3.1
path: /opt/homebrew/bin/node
Yarn:
version: 1.22.19
path: /usr/local/bin/yarn
npm:
version: 9.6.7
path: /opt/homebrew/bin/npm
Watchman:
version: 2023.06.12.00
path: /opt/homebrew/bin/watchman
Managers:
CocoaPods:
version: 1.11.3
path: /usr/local/bin/pod
SDKs:
iOS SDK:
Platforms:
- DriverKit 22.4
- iOS 16.4
- macOS 13.3
- tvOS 16.4
- watchOS 9.4
Android SDK:
API Levels:
- "28"
- "31"
- "32"
- "33"
Build Tools:
- 30.0.2
- 30.0.3
- 32.0.0
- 33.0.0
- 34.0.0
System Images:
- android-30 | Google Play ARM 64 v8a
- android-33 | Google APIs ARM 64 v8a
- android-33 | Google Play ARM 64 v8a
- android-34 | Google APIs ARM 64 v8a
Android NDK: Not Found
IDEs:
Android Studio: 2022.1 AI-221.6008.13.2211.9619390
Xcode:
version: 14.3.1/14E300b
path: /usr/bin/xcodebuild
Languages:
Java:
version: 18.0.1.1
path: /usr/bin/javac
Ruby:
version: 2.6.10
path: /usr/bin/ruby
npmPackages:
"@react-native-community/cli": Not Found
react:
installed: 18.2.0
wanted: 18.2.0
react-native:
installed: 0.72.4
wanted: 0.72.4
react-native-macos: Not Found
npmGlobalPackages:
"react-native": Not Found
Android:
hermesEnabled: true
newArchEnabled: false
iOS:
hermesEnabled: true
newArchEnabled: false

Steps to reproduce

Have 2 TextInput components inside a view, one set with secureTextEntry, one without.

This issue is only seen on device, not in simulator

Snack, screenshot, or link to a repository

https://github.com/gcon97/KeyboardFlickeringDemo

The text was updated successfully, but these errors were encountered:

tianlinjill · 2023-09-15T00:42:06Z

I also encountered the similar issue when in login screen

ShadReyes · 2023-09-19T17:02:27Z

I am experiencing the same on login screens. It's a newer issue. It seems to be caused by the suggested autofill.

The problem is reduce by using default value prop passed to TextInput component that holds its own text ref and passes out ref value on change.

ShadReyes · 2023-09-19T22:02:07Z

I figured out the problem

It appears to be that at some point recently (pre iOS 17) a bug was introduced. Whenever secureTextEntry={false} and textContentType is set, various Text Input changes (typing, focus, etc...) will fire a native keyboardWillChangeFrame event that causes the keyboard to re-render. This also causes iOS's AutoFill QuickType Bar (forgive me if my terminology is incorrect) to flicker.

This can be especially problematic for any RN apps using KeyboardAvoidingView with iOS behavior={'position'} since it will cause a layout flicker as it adjusts to the disappearing and reappearing AutoFill QuickType Bar.

You can actually see the issue in native iOS apps:

Go to the login screen of a native iOS app.
Change focus from username and password fields.
In many apps you can see a slight bounce as the keyboard animations handle the AutoFill QuickType Bar flicker.

For those who are using KeyboardAvoidingView (RN V0.72.* Patch Fix)

For those who are wrapping their text inputs in a <KeyboardAvoidingView behavior= 'position'}> and <ScrollView>, you are likely dealing with your screen jumping on text change and focus change.

This isn't a pretty solution (and keep in mind it does not fix the root issue of the keyboard re-render), but you can do the following **TEMPORARY and NOT fully tested** fix for this issue:

Go to the file at: node_modules/react-native/Libraries/Components/Keyboard/KeyboardAvoidingView.js
Add ignoreIOSKeyboardWillChangeEvents?: boolean | undefined; to the KeyboardAvoidingView props.
Go to the types file at: node_modules/react-native/Libraries/Components/Keyboard/KeyboardAvoidingView.d.ts
Add ignoreIOSKeyboardWillChangeEvents?: boolean | undefined; to the KeyboardAvoidingView props.
Replace the const {duration, easing, endCoordinates} = this._keyboardEvent; line with the following:

const {duration, easing, endCoordinates} = this._keyboardEvent;

if(Platform.OS === 'ios' && duration === 0 && !!this.props.ignoreIOSKeyboardWillChangeEvents ) {
      return;
}

Use patch package to save the changes.

be sure to set ignoreIOSKeyboardWillChangeEvents={true} with care. I, for example, am only using it on a login screen for a very specific keyboard avoiding use case scenario that I detail above. Hope this helps.

ThorANilsson · 2023-10-03T09:42:01Z

RPReplay-Final1696326197.mov

I began seeing this after updating the device i test on (iPhone 14 Pro) to iOS 17. Using Expo Go. Very annoying...

What's interesting is that I am not experiencing this on another iPhone 11 Pro Max, also running iOS 17.

ThorANilsson · 2023-10-03T13:14:16Z

I believe this is caused by the "Passwords"-thing (see attached image) that appears on iOS when the OS believes you want to use a password from your keychain.

When I test on a phone that does not have a keychain, there is no jumping or flickering.

gcon97 · 2023-10-03T13:18:12Z

I can confirm that it is an issue with the Passwords option in the Keyboard toolbar. Seems to be an issue across iOS 17 rather than a ReactNative issue. (It also isn't fixed in iOS 17.1, so we may be waiting a while for a fix).

Closing as it isn't a React Native-specific issue.

ThorANilsson · 2023-10-04T09:25:16Z

Adding textContentType='oneTimeCode' to your TextInput disables the Password toolbar, which also eliminates the described issue.

Shubham0850 · 2023-10-12T05:32:11Z

@ThorANilsson I tried this, but it's not working for me.

mkhoussid · 2023-10-12T14:59:09Z

Here's what I did.

TL;DR: If it's a password field, on each change update the actual string value in a map, and then render the value as bullets ('•'). What we're essentially doing here is saying that all of our fields are just regular fields without autofill, but we can manipulate the value of the field, if it's a password field, if we pass a certain flag.

Somewhere created a file called maskMap.ts with the following:

export const maskMap = new Map<string, string>();

And in your custom TextField component (I'm assuming most of you have wrapped TextInput into one of your own TextField components):

import * as React from 'react';
import { TextInput } from 'react-native-paper';
import { maskMap } from './maskMap';

const PASSWORD_MASK_CHAR = '•';
. . .
// secureTextEntry determines whether or not this is a password field
const TextField = React.memo(({ onChange, secureTextEntry, ...props }: YourTextFieldProps) => {
  const [textFieldId] = React.useState(uuid()); // use whatever uuid generator you'd like
. . .
  React.useEffect(() => {
	  maskMap.set(textFieldId, '');

	  return () => {
		  maskMap.delete(textFieldId);
	  };
  }, [secureTextEntry]);

  const handleChange = React.useCallback((e: string) => {
	  if (secureTextEntry) {
		  const previousValue = maskMap.get(textFieldId) as string;
		  const formattedNewValue = e.replace(new RegExp(PASSWORD_MASK_CHAR, 'g'), '');

		  const newValue = previousValue + formattedNewValue;
		  onChange(newValue);
		  maskMap.set(textFieldId, previousValue + formattedNewValue);
	  } else {
		  onChange(e);
	  }
  }, [secureTextEntry]);

  const getValue = React.useCallback(() => {
	  if (!secureTextEntry) {
		  return value;
	  }

	  return value.replaceAll(/./g, PASSWORD_MASK_CHAR);
  }, [value, secureTextEntry, showText, maskMap]);
. . .

    return (
        . . .
            <TextInput
                value={getValue()}
                onChangeText={handleChange}
                textContentType='none' // add this
                . . .
            />
        . . .
    )
})

Engazan · 2023-11-17T16:31:32Z

how this can be closed if its still happening ?

it happends all the time when you have textContentType="password" or secureTextEntry

ShadReyes · 2023-11-17T18:57:39Z

@Engazan It's closed because it's an iOS bug. iOS started over-triggering keyboardWillChangeFrame events every time the input changes when the arguments you specified are implemented. We can't ignore this event because it's relied on for many component designs and reactivity. So, sadly we have to put in temporary patch fixes until Apple fixes it on their side.

noahkurz · 2023-11-18T17:22:26Z

Adding textContentType='oneTimeCode' to your TextInput disables the Password toolbar, which also eliminates the described issue.

This works! Thank you!! Just saved my weekend lol

chimiWangchukWangdi · 2023-12-12T13:01:56Z

Any updates

nguyenhuynhdeveloper · 2024-01-03T07:46:19Z

I have found the solution. The error is caused by props value , you can hide the value and handle the logic with ref

nnphong1904 · 2024-01-12T08:19:59Z

Hi everyone, is there any update on this?

xydian · 2024-01-25T20:05:46Z

Also happening on my side :) Seems to be an issue in flutter, too flutter/flutter#134723

FemtDeveloper · 2024-02-06T08:18:51Z

I have problem also in android,, can somebody helpme?

WhatsApp.Video.2024-02-06.at.03.17.54.mp4

ugar0ff · 2024-02-07T12:50:33Z

How to hide the "password" panel on the keyboard when we use secureTextEntry?

Dinexpod · 2024-03-02T15:05:26Z

Hi there!
On iOS 17.3.1 problem still exists.

On iOS lower version all works fine.

Bialson · 2024-03-02T20:05:44Z

The problem still exist on iOS 17.4

chrysb · 2024-03-03T04:26:28Z

Can confirm this is happening on 17.4, on an email field for me, despite the type being emailAddress:

autoCapitalize='none'
autoComplete='email'
textContentType='emailAddress'
keyboardType='email-address'

Bialson · 2024-03-03T09:00:28Z

I've found in my case problem was caused by value prop. I'am using react-hook-form and if I pass value of email input from hook directly to email input it calls keyboard event on every single character input. After removing prop, everything works fine.

loe-lobo · 2024-03-07T03:21:41Z

I've found in my case problem was caused by value prop. I'am using react-hook-form and if I pass value of email input from hook directly to email input it calls keyboard event on every single character input. After removing prop, everything works fine.

@Bialson, how do you manage the field's value in this case? I'm facing the same problem, and it is driving me crazy.

<Controller
            name="email"
            defaultValue=""
            control={control}
            rules={{
              validate: async (value) => {
                try {
                  await signInSchema.parseAsync({ email: value });
                  return true;
                } catch (error: any) {
                  return error.message;
                }
              },
            }}
            render={({ field: { onChange, onBlur, value } }) => (
              <Input>
                <InputField
                  fontSize="$sm"
                  placeholder="Email"
                  type="text"
                  value={value}
                  onChangeText={onChange}
                  onBlur={onBlur}
                  onSubmitEditing={handleKeyPress}
                  returnKeyType="done"
                />
              </Input>
            )}
          />

If I remove the prop value={value}, it gets better, not 100%, but it flickers much less. But then how would you clean the input?

Thanks in advance

chrysb · 2024-03-07T06:36:22Z

In addition to this flickering issue, it seems that in 17.4, when you try to tap a specific character in a TextInput to put the cursor at the middle of the string, it always jumps to the end of the TextInput.

RPReplay_Final1709793602.mov

It even happens on the official react native demo (if you use the QR code to open in Expo): https://reactnative.dev/docs/textinput

Is this also an iOS issue and not a RN issue @gcon97

HannahCarney · 2024-03-08T17:42:52Z

If you add multline={true} to the email field that fixed it for me. So then I thought okay it's just to do with height, so I set a fixed height on both of my inputs, and the flickering when typing is gone but it still flickers when you change fields but I think that's because I have two different types of input.

Bialson · 2024-03-08T22:09:57Z

@Bialson, how do you manage the field's value in this case? I'm facing the same problem, and it is driving me crazy.

<Controller
            name="email"
            defaultValue=""
            control={control}
            rules={{
              validate: async (value) => {
                try {
                  await signInSchema.parseAsync({ email: value });
                  return true;
                } catch (error: any) {
                  return error.message;
                }
              },
            }}
            render={({ field: { onChange, onBlur, value } }) => (
              <Input>
                <InputField
                  fontSize="$sm"
                  placeholder="Email"
                  type="text"
                  value={value}
                  onChangeText={onChange}
                  onBlur={onBlur}
                  onSubmitEditing={handleKeyPress}
                  returnKeyType="done"
                />
              </Input>
            )}
          />

If I remove the prop value={value}, it gets better, not 100%, but it flickers much less. But then how would you clean the input?

Thanks in advance

@loe-lobo You can declare reference to input and when needed use clear() method from ref object to clear the value of input. I have been struggling with flickering for a long period and for me, this is the best temporary solution. I think there is a problem with unnecessary re-render, some native event is triggering, which isn't supposed to execute when value changes.

MickaelAustoni · 2024-03-16T13:16:10Z

Try to add autoCorrect={false} to avoid Flickering on TextInput render

<TextInput 
  autoCorrect={false} 
  ...
/>

Sovent · 2024-03-25T11:55:36Z

I have this issue on iPhone 17.3.1
It happens on email field, but not on password one (regardless of whether I set keyboard type or not).
Autocorrect solution did not work for me and I'd rather not go to other hacky stuff like setting it to multiline or changing node modules manually. I see that AirBnb login form does not have this issue on the same device, so there must be a way to handle this flickering from code. Please reopen this issue

MickaelAustoni · 2024-03-25T12:18:16Z

I have this issue on iPhone 17.3.1 It happens on email field, but not on password one (regardless of whether I set keyboard type or not). Autocorrect solution did not work for me and I'd rather not go to other hacky stuff like setting it to multiline or changing node modules manually. I see that AirBnb login form does not have this issue on the same device, so there must be a way to handle this flickering from code. Please reopen this issue

autoCorrect={false} should be set only on your email input and dont forgot to reload your app when you test.

jstarmx · 2024-03-27T21:05:05Z

I figured out the problem

It appears to be that at some point recently (pre iOS 17) a bug was introduced. Whenever secureTextEntry={false} and textContentType is set, various Text Input changes (typing, focus, etc...) will fire a native keyboardWillChangeFrame event that causes the keyboard to re-render. This also causes iOS's AutoFill QuickType Bar (forgive me if my terminology is incorrect) to flicker.

This can be especially problematic for any RN apps using KeyboardAvoidingView with iOS behavior={'position'} since it will cause a layout flicker as it adjusts to the disappearing and reappearing AutoFill QuickType Bar.

You can actually see the issue in native iOS apps:

Go to the login screen of a native iOS app.

Change focus from username and password fields.

In many apps you can see a slight bounce as the keyboard animations handle the AutoFill QuickType Bar flicker.

For those who are using KeyboardAvoidingView

For those who are wrapping their text inputs in a <KeyboardAvoidingView behavior= 'position'}> and <ScrollView>, you are likely dealing with your screen jumping on text change and focus change.

This isn't a pretty solution (and keep in mind it does not fix the root issue of the keyboard re-render), but you can do the following **TEMPORARY and NOT fully tested** fix for this issue:

Go to the file at: node_modules/react-native/Libraries/Components/Keyboard/KeyboardAvoidingView.js

Add ignoreIOSKeyboardWillChangeEvents?: boolean | undefined; to the KeyboardAvoidingView props.

Go to the types file at: node_modules/react-native/Libraries/Components/Keyboard/KeyboardAvoidingView.d.ts

Add ignoreIOSKeyboardWillChangeEvents?: boolean | undefined; to the KeyboardAvoidingView props.

Replace the const {duration, easing, endCoordinates} = this._keyboardEvent; line with the following:
const {duration, easing, endCoordinates} = this._keyboardEvent;

if(Platform.OS === 'ios' && duration === 0 && !!this.props.ignoreIOSKeyboardWillChangeEvents ) {
      return;
}
Use patch package to save the changes.

be sure to set ignoreIOSKeyboardWillChangeEvents={true} with care. I, for example, am only using it on a login screen for a very specific keyboard avoiding use case scenario that I detail above. Hope this helps.

The only solution that worked for me without negative effects, thanks.

Darren120 · 2024-04-16T14:49:45Z

I figured out the problem

It appears to be that at some point recently (pre iOS 17) a bug was introduced. Whenever secureTextEntry={false} and textContentType is set, various Text Input changes (typing, focus, etc...) will fire a native keyboardWillChangeFrame event that causes the keyboard to re-render. This also causes iOS's AutoFill QuickType Bar (forgive me if my terminology is incorrect) to flicker.

This can be especially problematic for any RN apps using KeyboardAvoidingView with iOS behavior={'position'} since it will cause a layout flicker as it adjusts to the disappearing and reappearing AutoFill QuickType Bar.

You can actually see the issue in native iOS apps:

Go to the login screen of a native iOS app.

Change focus from username and password fields.

In many apps you can see a slight bounce as the keyboard animations handle the AutoFill QuickType Bar flicker.

For those who are using KeyboardAvoidingView (RN V0.72.* Patch Fix)

For those who are wrapping their text inputs in a <KeyboardAvoidingView behavior= 'position'}> and <ScrollView>, you are likely dealing with your screen jumping on text change and focus change.

This isn't a pretty solution (and keep in mind it does not fix the root issue of the keyboard re-render), but you can do the following **TEMPORARY and NOT fully tested** fix for this issue:

Go to the file at: node_modules/react-native/Libraries/Components/Keyboard/KeyboardAvoidingView.js

Add ignoreIOSKeyboardWillChangeEvents?: boolean | undefined; to the KeyboardAvoidingView props.

Go to the types file at: node_modules/react-native/Libraries/Components/Keyboard/KeyboardAvoidingView.d.ts

Add ignoreIOSKeyboardWillChangeEvents?: boolean | undefined; to the KeyboardAvoidingView props.

Replace the const {duration, easing, endCoordinates} = this._keyboardEvent; line with the following:
const {duration, easing, endCoordinates} = this._keyboardEvent;

if(Platform.OS === 'ios' && duration === 0 && !!this.props.ignoreIOSKeyboardWillChangeEvents ) {
      return;
}
Use patch package to save the changes.

be sure to set ignoreIOSKeyboardWillChangeEvents={true} with care. I, for example, am only using it on a login screen for a very specific keyboard avoiding use case scenario that I detail above. Hope this helps.

2024 and still using this workaround...

1989kumarsunil · 2024-04-19T21:53:38Z

@ThorANilsson solution worked for me.
set textContentType='oneTimeCode' prop in textinput. Thanks

matheuscostadesign · 2024-04-22T17:55:34Z

Has anyone found any solution for the keyboard to keep the password suggestion without flickering?

1989kumarsunil · 2024-04-22T17:58:41Z

Has anyone found any solution for the keyboard to keep the password suggestion without flickering?

Please check my above comment. One solution worked for me. Thanks

matheuscostadesign · 2024-04-22T18:13:29Z

Has anyone found any solution for the keyboard to keep the password suggestion without flickering?

Please check my above comment. One solution worked for me. Thanks

@1989kumarsunil With textContentType="oneTimeCode" it partially solved the problem. The keyboard has stopped flickering, but the password suggestion is not being displayed. I want to keep the suggestion, as many users use password management applications and need this functionality...

ShadReyes · 2024-04-23T18:20:13Z

Has anyone found any solution for the keyboard to keep the password suggestion without flickering?

Please check my above comment. One solution worked for me. Thanks

@1989kumarsunil With textContentType="oneTimeCode" it partially solved the problem. The keyboard has stopped flickering, but the password suggestion is not being displayed. I want to keep the suggestion, as many users use password management applications and need this functionality...

@matheuscostadesign From what I understand, there is no current solution that completely fixes the flickering problem. Above I have described a solution when in an avoiding view to stop view jumping, but it does not stop the flickering. This problem is the result of an iOS bug, but I will be looking into an updated temporary hack-fix soon. I will post the patch in here when it is complete.

one1two2 · 2024-04-26T09:07:11Z

Is this problem exist in new major version 73.X, 74.X?

REDSw1ft · 2024-05-02T13:22:06Z

...
textContentType='none'
...

not working on iOS 17+

Ashutosh26121999 · 2024-05-06T07:18:12Z

I figured out the problem

It appears to be that at some point recently (pre iOS 17) a bug was introduced. Whenever secureTextEntry={false} and textContentType is set, various Text Input changes (typing, focus, etc...) will fire a native keyboardWillChangeFrame event that causes the keyboard to re-render. This also causes iOS's AutoFill QuickType Bar (forgive me if my terminology is incorrect) to flicker.

This can be especially problematic for any RN apps using KeyboardAvoidingView with iOS behavior={'position'} since it will cause a layout flicker as it adjusts to the disappearing and reappearing AutoFill QuickType Bar.

You can actually see the issue in native iOS apps:

Go to the login screen of a native iOS app.

Change focus from username and password fields.

In many apps you can see a slight bounce as the keyboard animations handle the AutoFill QuickType Bar flicker.

For those who are using KeyboardAvoidingView (RN V0.72.* Patch Fix)

For those who are wrapping their text inputs in a <KeyboardAvoidingView behavior= 'position'}> and <ScrollView>, you are likely dealing with your screen jumping on text change and focus change.

This isn't a pretty solution (and keep in mind it does not fix the root issue of the keyboard re-render), but you can do the following **TEMPORARY and NOT fully tested** fix for this issue:

Go to the file at: node_modules/react-native/Libraries/Components/Keyboard/KeyboardAvoidingView.js

Add ignoreIOSKeyboardWillChangeEvents?: boolean | undefined; to the KeyboardAvoidingView props.

Go to the types file at: node_modules/react-native/Libraries/Components/Keyboard/KeyboardAvoidingView.d.ts

Add ignoreIOSKeyboardWillChangeEvents?: boolean | undefined; to the KeyboardAvoidingView props.

Replace the const {duration, easing, endCoordinates} = this._keyboardEvent; line with the following:
const {duration, easing, endCoordinates} = this._keyboardEvent;

if(Platform.OS === 'ios' && duration === 0 && !!this.props.ignoreIOSKeyboardWillChangeEvents ) {
      return;
}
Use patch package to save the changes.

be sure to set ignoreIOSKeyboardWillChangeEvents={true} with care. I, for example, am only using it on a login screen for a very specific keyboard avoiding use case scenario that I detail above. Hope this helps.

Uploading Screen-recording-20240501-122505.mp4…

ashirkhan94 · 2024-05-16T07:56:55Z

Adding textContentType='oneTimeCode' to your TextInput disables the Password toolbar, which also eliminates the described issue.

Thanks @ThorANilsson

Engazan · 2024-05-16T08:02:07Z

Btw with iOS 17.5 and expo SDK 51 I don't see this issue in my apps ( they are gone )

gcon97 added the Needs: Triage 🔍 label Sep 12, 2023

github-actions bot added API: Keyboard Component: TextInput Related to the TextInput component. labels Sep 12, 2023

cortinico added the Issue: Author Provided Repro This issue can be reproduced in Snack or an attached project. label Sep 14, 2023

dayze mentioned this issue Sep 22, 2023

Incorrect elements positioning on back swipe (iOS17 specific) kirillzyusko/react-native-keyboard-controller#243

Closed

gcon97 closed this as not planned Won't fix, can't repro, duplicate, stale Oct 3, 2023

hannojg mentioned this issue Oct 20, 2023

Perf/native stack navigation Expensify/App#29991

Merged

56 tasks

mllustosa mentioned this issue Oct 26, 2023

Password bar in the keyboard is flashing when using TextField with AutofillHints.password on iOS 17 flutter/flutter#134723

Open

2 tasks

osmanyz mentioned this issue Nov 6, 2023

Input Field is acting weird when secureTextEntry is set true. tamagui/tamagui#1837

Closed

ikevin127 mentioned this issue Dec 20, 2023

[$500] iOS - Login - Visual flickering above the OS keyboard when typing in the login field Expensify/App#33338

Closed

6 tasks

A-Yatsyk mentioned this issue Jan 12, 2024

[IOS] Incorrect behavior of hooks and components when focusing on an input with secureTextEntry enabled. kirillzyusko/react-native-keyboard-controller#327

Closed

AndreiRadchenko mentioned this issue Feb 9, 2024

Form inside KeyboardAvoidingView flickering on input AndreiRadchenko/scenery#7

Closed

kueda mentioned this issue Feb 14, 2024

Allow password managers to fill in login fields inaturalist/iNaturalistReactNative#1133

Merged

Keyboard Flickering on TextInput with secureTextEntry #39411

Keyboard Flickering on TextInput with secureTextEntry #39411

Comments

gcon97 commented Sep 12, 2023

Description

React Native Version

Output of npx react-native info

Steps to reproduce

Snack, screenshot, or link to a repository

tianlinjill commented Sep 15, 2023

ShadReyes commented Sep 19, 2023 • edited

ShadReyes commented Sep 19, 2023 • edited

I figured out the problem

For those who are using KeyboardAvoidingView (RN V0.72.* Patch Fix)

ThorANilsson commented Oct 3, 2023 • edited

ThorANilsson commented Oct 3, 2023

gcon97 commented Oct 3, 2023

ThorANilsson commented Oct 4, 2023 • edited

Shubham0850 commented Oct 12, 2023

mkhoussid commented Oct 12, 2023 • edited

Engazan commented Nov 17, 2023 • edited

ShadReyes commented Nov 17, 2023

noahkurz commented Nov 18, 2023 • edited

chimiWangchukWangdi commented Dec 12, 2023

nguyenhuynhdeveloper commented Jan 3, 2024

nnphong1904 commented Jan 12, 2024

xydian commented Jan 25, 2024

FemtDeveloper commented Feb 6, 2024

ugar0ff commented Feb 7, 2024

Dinexpod commented Mar 2, 2024

Bialson commented Mar 2, 2024

chrysb commented Mar 3, 2024

Bialson commented Mar 3, 2024 • edited

loe-lobo commented Mar 7, 2024

chrysb commented Mar 7, 2024 • edited

HannahCarney commented Mar 8, 2024

Bialson commented Mar 8, 2024 • edited

MickaelAustoni commented Mar 16, 2024 • edited

Sovent commented Mar 25, 2024

MickaelAustoni commented Mar 25, 2024

jstarmx commented Mar 27, 2024

I figured out the problem

For those who are using KeyboardAvoidingView

Darren120 commented Apr 16, 2024

I figured out the problem

For those who are using KeyboardAvoidingView (RN V0.72.* Patch Fix)

1989kumarsunil commented Apr 19, 2024

matheuscostadesign commented Apr 22, 2024

1989kumarsunil commented Apr 22, 2024

matheuscostadesign commented Apr 22, 2024

ShadReyes commented Apr 23, 2024

one1two2 commented Apr 26, 2024

REDSw1ft commented May 2, 2024

Ashutosh26121999 commented May 6, 2024

I figured out the problem

For those who are using KeyboardAvoidingView (RN V0.72.* Patch Fix)

ashirkhan94 commented May 16, 2024

Engazan commented May 16, 2024

Output of `npx react-native info`

ShadReyes commented Sep 19, 2023 •

edited

ShadReyes commented Sep 19, 2023 •

edited

ThorANilsson commented Oct 3, 2023 •

edited

ThorANilsson commented Oct 4, 2023 •

edited

mkhoussid commented Oct 12, 2023 •

edited

Engazan commented Nov 17, 2023 •

edited

noahkurz commented Nov 18, 2023 •

edited

Bialson commented Mar 3, 2024 •

edited

chrysb commented Mar 7, 2024 •

edited

Bialson commented Mar 8, 2024 •

edited

MickaelAustoni commented Mar 16, 2024 •

edited