diff --git a/src/redesign/common-components/PasswordField.jsx b/src/redesign/common-components/PasswordField.jsx
index de770829..d8bc54a8 100644
--- a/src/redesign/common-components/PasswordField.jsx
+++ b/src/redesign/common-components/PasswordField.jsx
@@ -30,11 +30,11 @@ const PasswordField = (props) => {
};
const HideButton = (
-
+
);
const ShowButton = (
-
+
);
const placement = window.innerWidth < 768 ? 'top' : 'left';
const tooltip = (
diff --git a/src/redesign/register/RegistrationPage.jsx b/src/redesign/register/RegistrationPage.jsx
index 8a484af8..0af5946e 100644
--- a/src/redesign/register/RegistrationPage.jsx
+++ b/src/redesign/register/RegistrationPage.jsx
@@ -219,7 +219,11 @@ class RegistrationPage extends React.Component {
}
handleOnBlur = (e) => {
- const { name, value } = e.target;
+ let { name, value } = e.target;
+ if (name === 'passwordValidation') {
+ name = 'password';
+ value = this.state.password;
+ }
const payload = {
is_authn_mfe: true,
form_field_key: name,
@@ -253,6 +257,9 @@ class RegistrationPage extends React.Component {
if (e.target.name === 'username') {
this.props.clearUsernameSuggestions();
}
+ if (e.target.name === 'passwordValidation') {
+ state.errors.password = '';
+ }
this.setState({ ...state });
}