From 3541c666370d68bdf85b447cc0a8629aa2a822a3 Mon Sep 17 00:00:00 2001
From: Zainab Amir <zainab.amir@arbisoft.com>
Date: Wed, 3 Aug 2022 16:15:35 +0500
Subject: [PATCH] feat: turn auto-complete off (#605)

Turned auto-complete off for:
- username and password field on registration form.
- username field on login form

VAN-1028
---
 src/common-components/PasswordField.jsx | 1 +
 src/login/LoginPage.jsx                 | 1 +
 src/register/RegistrationPage.jsx       | 2 +-
 3 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/common-components/PasswordField.jsx b/src/common-components/PasswordField.jsx
index e2406d27..beef1a75 100644
--- a/src/common-components/PasswordField.jsx
+++ b/src/common-components/PasswordField.jsx
@@ -70,6 +70,7 @@ const PasswordField = (props) => {
           controlClassName={props.borderClass}
           trailingElement={isPasswordHidden ? ShowButton : HideButton}
           floatingLabel={props.floatingLabel}
+          autoComplete="off"
         />
       </OverlayTrigger>
       {props.errorMessage !== '' && (
diff --git a/src/login/LoginPage.jsx b/src/login/LoginPage.jsx
index a48fc310..cc6bdc62 100644
--- a/src/login/LoginPage.jsx
+++ b/src/login/LoginPage.jsx
@@ -255,6 +255,7 @@ class LoginPage extends React.Component {
               handleBlur={this.handleOnBlur}
               errorMessage={this.state.errors.emailOrUsername}
               floatingLabel={intl.formatMessage(messages['login.user.identity.label'])}
+              autoComplete="off"
             />
             <PasswordField
               name="password"
diff --git a/src/register/RegistrationPage.jsx b/src/register/RegistrationPage.jsx
index 865df724..e3b107fe 100644
--- a/src/register/RegistrationPage.jsx
+++ b/src/register/RegistrationPage.jsx
@@ -792,7 +792,7 @@ class RegistrationPage extends React.Component {
 
             <UsernameField
               name="username"
-              autoComplete="false"
+              autoComplete="off"
               spellCheck="false"
               value={this.state.username}
               handleBlur={this.handleOnBlur}