How to avoid login/sign-up redirection/popup when using AAD B2C from React Application?

Question

How to avoid login/sign-up redirection/popup when using AAD B2C from React Application?

AV 86

Hi,

When using Azure AD B2C with React SPA, can the login redirect/popup be avoided?

I have a business requirement to embed the login/sign-up page in react instead of using MS hosted pages (even if customizable), not show the sign-up/login url to the user for better user experience. Is this possible by using msal react library or any other Microsoft sdk/library?

Thanks.

Answer accepted by question author

0 additional answers

Your answer

Answer 1

AmanpreetSingh-MSFT 56,956 Moderator

Hi @AV • Thank you for reaching out.

As of now, the only option to avoid login/sign-up redirection/popup is Web application embedded sign-in (as shown below) which uses inline frame element <iframe> to embed a document in an HTML5 web page. However, running MSAL 2.0 in an iframe is not currently supported. Please refer to Configure a single-page application section in the document.

-----------------------------------------------------------------------------------------------------------

Please "Accept the answer" if the information helped you. This will help us and others in the community as well.

AV 86 Reputation points

2022-01-14T18:22:24.03+00:00

Thank you @AmanpreetSingh-MSFT

Due to the several considerations/known issues around using an iframe, I am looking at alternate options.

When using the msal-react library, is there an option that can be used to "hide" the url when using loginPopup? I couldn't find any suitable properties on "PopupRequest" or "PopupWindowAttributes"; is there any that can be used?

Thanks.
AmanpreetSingh-MSFT 56,956 Reputation points Moderator

2022-01-17T06:49:07.313+00:00

Hi @AV • Unfortunately, as of now there is no way to hide the URL in loginPopup when using msal-react library. You can post feedback regarding this at the User Voice Portal, which is monitored by the product team for feature enhancements.
AmanpreetSingh-MSFT 56,956 Reputation points Moderator

2022-01-25T06:18:25.047+00:00

Hi @AV • Just checking if you have any further questions.
Koen Cornelis 0 Reputation points

2024-05-03T12:23:23.1533333+00:00

Are there any new options to realize this by now?

Share via

How to avoid login/sign-up redirection/popup when using AAD B2C from React Application?

0 additional answers

Your answer