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 }); }