Merge pull request #9493 from Harshdeepjoshi/PasswordFieldFix

PasswordFieldFix

Author: Julesssss

src/libs/ComponentUtils/index.js

@@ -2,9 +2,11 @@
  * Web password field needs `current-password` as autocomplete type which is not supported on native
  */
 const PASSWORD_AUTOCOMPLETE_TYPE = 'current-password';
+const NEW_PASSWORD_AUTOCOMPLETE_TYPE = 'new-password';
 const ACCESSIBILITY_ROLE_FORM = 'form';
 
 export {
     PASSWORD_AUTOCOMPLETE_TYPE,
     ACCESSIBILITY_ROLE_FORM,
+    NEW_PASSWORD_AUTOCOMPLETE_TYPE,
 };

src/libs/ComponentUtils/index.native.js

@@ -1,7 +1,9 @@
 const PASSWORD_AUTOCOMPLETE_TYPE = 'password';
+const NEW_PASSWORD_AUTOCOMPLETE_TYPE = 'password-new';
 const ACCESSIBILITY_ROLE_FORM = 'none';
 
 export {
     PASSWORD_AUTOCOMPLETE_TYPE,
     ACCESSIBILITY_ROLE_FORM,
+    NEW_PASSWORD_AUTOCOMPLETE_TYPE,
 };

src/pages/settings/NewPasswordForm.js

@@ -8,6 +8,7 @@ import withLocalize, {
 import CONST from '../../CONST';
 import styles from '../../styles/styles';
 import TextInput from '../../components/TextInput';
+import * as ComponentUtils from '../../libs/ComponentUtils';
 
 const propTypes = {
     /** String to control the first password box in the form */
@@ -71,8 +72,8 @@ class NewPasswordForm extends React.Component {
                 <TextInput
                     label={`${this.props.translate('setPasswordPage.enterPassword')}`}
                     secureTextEntry
-                    autoCompleteType="password"
-                    textContentType="password"
+                    autoComplete={ComponentUtils.NEW_PASSWORD_AUTOCOMPLETE_TYPE}
+                    textContentType="newPassword"
                     value={this.props.password}
                     onChangeText={password => this.props.updatePassword(password)}
                     onBlur={() => this.onBlurNewPassword()}