Incorrect username/password error is not displayed when using <amplify-authenticator> tag in Angular

[Andrei94]

Describe the bug
When trying to login as an nonexistent user using the tag in Angular, the error message is not displayed and the tag disappears from the view.

To Reproduce
Steps to reproduce the behavior:

1. Configure a user pool with hosted UI
2. Use the tag for sign in
3. Try to login with an incorrect user and/or password

Additional context
This seems to come from the fact that inside the aws-ampligy-angular module/sign-in-component-core.ts there the logic

this._show = includes(
			['signIn', 'signedOut', 'signedUp'],
			data.authState.state
		);

When an nonexistent user tries to login, a signIn_failure is returned for authState and hence the tag disappears.
A solution that comes to mind would be to also add this state to the code above.

[jordanranz]

Hey @Andrei94, can you elaborate a bit more on the usage of Amplify or aws-amplify-angular in your Angular code?

Are you using the <amplify-authenticator> tag or a different tag?

I attempted to reproduce with an app using <amplify-authenticator></amplify-authenticator> and see the following when trying to sign in with a nonexistent user:

[Andrei94]

Sure.
I am using the amplify <amplify-authenticator> tag with the signUp config from the docs.
I tried with Chrome Version 80.0.3987.87 (Official Build) (64-bit) and Firefox 72.0.2 (64-bit) on Windows 10.

This is my sign in page

This is what happens when I try to sign in when I change the password to be incorrect. The same thing happens when the user doesn't exist

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[stale]

This issue has been automatically closed because of inactivity. Please open a new issue if are still encountering problems.

[github-actions]

This issue has been automatically locked since there hasn't been any recent activity after it was closed. Please open a new issue for related bugs.

Looking for a help forum? We recommend joining the Amplify Community Discord server *-help channels or Discussions for those types of questions.