Open atlj opened 1 month ago
It's not reproducible at my end. React-native: 0.74.3 iOS: iPhone 15 Pro 17.0 New Architecture enabled @atlj Attached a reference. Is this device specific? https://github.com/facebook/react-native/assets/85783070/cc2028ff-d754-4332-9f6a-310b67367b13
Hey @shubhamguptadream11 I was able to see the issue on:
Are you using an external keyboard? You have to use the screen keyboard, otherwise the characters you just entered aren't visible
With flickers do you mean the dots moving slightly up and down?
With flickers do you mean the dots moving slightly up and down?
Yes exactly and it gets more noticable when the fontSize is larger
Hey @atlj, I tried this again with simulator keyboard. Not reproducible at my end.
Device info are same as shared above.
https://github.com/facebook/react-native/assets/85783070/32f43f7c-22b4-4da9-98e5-2da3f2511144
Hey @shubhamguptadream11 I'm not entirely sure why but it looks like your app still uses the default font since it's not bold. The letters you typed seem a bit light to me and I can verify there is no issue with the default font.
I cloned @atlj's reproducer, ran it in Simulator, enabled software keyboard, entered some letters, and could observe the same issue. Then I ran it on iPhone 12 and got the same result.
https://github.com/facebook/react-native/assets/8790386/fe5a93a8-2e9d-4a55-bc35-8bf47d1186a5
cc @shubhamguptadream11
use secureTextEntry={true} to fix that
Description
On iOS (With a Simulator or a real device), if you have a
TextInput
component withsecureTextEntry={true}
and a custom font, the text flickers when you enter a character and remove it.Note: this also happens with the old renderer.
Steps to reproduce
yarn ios
React Native Version
0.74.3
Affected Platforms
Runtime - iOS
Areas
Fabric - The New Renderer
Output of
npx react-native info
Reproducer
https://github.com/atlj/secure-text-entry-flicker
Screenshots and Videos
https://github.com/facebook/react-native/assets/23079646/7a260380-eb2c-434c-97f3-af14dd51a5af