TextInput with SecureEntry sometimes highlights yellow with "Strong Password" text, and becomes unuseable

See original GitHub issue

Environment

React Native Environment Info: System: OS: macOS 10.14 CPU: x64 Intel® Core™ i7-7820HQ CPU @ 2.90GHz Memory: 54.86 MB / 16.00 GB Shell: 5.3 - /bin/zsh Binaries: Node: 8.12.0 - ~/.nvm/versions/node/v8.12.0/bin/node Yarn: 1.9.4 - ~/.yarn/bin/yarn npm: 6.4.1 - ~/.nvm/versions/node/v8.12.0/bin/npm Watchman: 4.9.0 - /usr/local/bin/watchman SDKs: iOS SDK: Platforms: iOS 12.0, macOS 10.14, tvOS 12.0, watchOS 5.0 IDEs: Xcode: 10.0/10A255 - /usr/bin/xcodebuild npmPackages: react: 16.6.0-alpha.8af6728 => 16.6.0-alpha.8af6728 react-native: ^0.57.3 => 0.57.3 npmGlobalPackages: react-native-cli: 2.0.1

Description

I haven’t been able to identify why this occurs, but sometimes users experience a yellow cover over the textField, with a “Strong Password” text on the right, and something cut off on the left. I can still tap the textInput and “Type” but the value does not change within the textInput.

(The red x, and warning text is my own)

screen shot 2018-10-23 at 2 17 54 pm

I’ve tried adding, and removing textContentType="password", but this issue still persists.

Issue Analytics

  • State:open
  • Created 5 years ago
  • Reactions:47
  • Comments:55 (1 by maintainers)

github_iconTop GitHub Comments

57reactions
seantanseycommented, Nov 25, 2019

Combining @iamgerardm solution with a Keyboard dismiss on submit seems to get the desired behavior back. `import { Keyboard } from ‘react-native’

blurOnSubmit={false} onSubmitEditing={()=> Keyboard.dismiss()}`

35reactions
iamgerardmcommented, Oct 28, 2019

I am seeing the same thing. I will add that in my case the fields do not get blocked unless I use the next/done feature. Which is tough since typically password is last for a signup/signin form.

Edit: adding blurOnSubmit={false} seems to prevent this behavior

Read more comments on GitHub >

github_iconTop Results From Across the Web

Strong password overlay on UITextField - ios - Stack Overflow
This just turns the field into a one-time-code field. Like a 6 digit code texted to the user. So yes.. This does fix...
Read more >
Disable password autofill iOS 12 | Apple Developer Forums
I have a view with a signle UITextField in it. When the secure text entry is enabled the password autofill appears on the...
Read more >
NVDA 2022.3.3 User Guide - NV Access
Automatic announcement of text under the mouse and optional audible indication of the mouse position; Support for many refreshable braille ...
Read more >
Password entry blocked by 'Strong Password' prompt - MSDN
We have a password text field which while typing, iOS overlays a yellow coloured 'Strong Password' prompt rendering text entry unusable. This ...
Read more >
Optimize your app for autofill - Android Developers
The following example sets a "password" hint on an EditText : ... In a view where the user creates content, such as a...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found