Angular Authenticator uneffective Hide feature

[ksavidetove]

Do you want to request a feature or report a bug?
Bug Report

What is the current behavior?
The [hide] property of the Angular built-in Authenticator applies on the elements, but not on the links, that send the user to nowhere.

This is the Sign In page with 'SignUp' and 'ForgotPassword' hidden. The links are still there but they redirect to nowhere.

Expected behavior?
Hide the links too.

[powerful23]

@ksavidetove Thanks. We will investigate this issue and also review you pr.

[haverchuck]

@ksavidetove - When you were seeing this behavior were you using the "authenticator" component (which acts as a parent for the other auth components), or were you using the "sign-in" component in isolation?

[ksavidetove]

I was using the authenticator element. So from this parent element, the default view is the Sign In, but with a link to Sign Up displayed even if I hid it. And when you use this link, the authenticator remembers that you wanted to hide this part and presents you nothing. And you are stuck there.

[ksavidetove]

Any update on this issue?

[sairathb]

Hi, I am facing a similar issue, <amplify-authenticator [hide]="['ForgotPassword', 'SignUp']"></amplify-authenticator> seem to be hiding the component, but the links in the Sign In component is still visible. When I click on them it shows a blank page. Is someone working to remove the links if the components are marked to hide? I am using the version 2.1.6-unstable.1 where the hide problem was fixed. Found details from the other bug

[sairathb]

I think if we pass the hide attribute to the sign-in component, then it can be accessed in the same way as in the authenticator. I can create a pull request for this, since I have the code change, but I don't have permissions

[AGoodnight]

I find that even if I use:
<amplify-authenticator [hide]="['SignUp','ConfirmSignUp']"></amplify-authenticator>

It will still take me to SignUp. So for me the hide functionality is not working at all.

[jarrettj]

Yup, same issue here. Good to know it is a bug and not me going cuckoo. :)

[vjindalaurea]

Hi , any update on it ?

[powerful23]

Closing as this should have been fixed by #3173

[ddurham2]

Maybe a n00b question, but when I use <amplify-authenticator [hide]="['SignUp','ConfirmSignUp']">
I get a compile time error:

Error: src/app/app.component.html:1:25 - error NG8002: Can't bind to 'hide' since it isn't a known property of 'amplify-authenticator'.
1. If 'amplify-authenticator' is an Angular component and it has 'hide' input, then verify that it is part of this module.
2. If 'amplify-authenticator' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.

1 <amplify-authenticator  [hide]="['SignUp','ConfirmSignUp']">
                          ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

If I need to import AuthenticatorComponent, it's not readily apparent the path I should import it from.

Thanks

[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.