MSAL Azure Library after logout redirect login issue on multiple tab

Question

MSAL Azure Library after logout redirect login issue on multiple tab

Gulati, Sneha S 5

Hi Team, We are facing issue while setting up MSAL configuration in SPA. When we logging out after idle timeout ( set up idle browser timeout for logging out )while app is opened in multiple tab, only logout redirect happening to the tab which is getting executed first, for other tabs its just stuck at logout page. Thanks

2 answers

Your answer

Answer 1

James Hamil 27,221 Microsoft Employee Moderator

Hi @Gulati, Sneha S , this issue might be related to the way MSAL handles the logout process. When you log out, MSAL clears the cache and redirects the user to the Azure AD sign-out page. After sign-out, Azure AD redirects back to the page that invoked logout by default. However, if the user has multiple tabs open, the logout process might not work as expected. To resolve this issue, you can try the following steps:

Use the logoutPopup method instead of the logoutRedirect method. The logoutPopup method opens a popup window for the logout process, which allows the user to log out from all tabs.
You can also try setting the account parameter to null when calling the logoutRedirect method. This will log out the user from all accounts and clear the cache.
Another option is to use the endSessionRequest method to end the user's session. This method sends a request to the Azure AD endpoint to end the user's session and clears the cache.

Please let me know if you have any questions and I can help you further.

If this answer helps you please mark "Accept Answer" so other users can reference it.

Thank you, James

Gulati, Sneha S 5 Reputation points

2024-02-13T21:03:34.17+00:00
Hi James,

Thanks for replying, please find the issue we are facing with each step:

Popup window still having same issue, as its redirecting for only one tab

Second we can not use as its asking for account which we want to logout and as per our requirement we already removed that by setting login_hint.

EndsessionRequest is having same behaviour as logoutRedirect for us. Thanks

James Hamil 27,221 Microsoft Employee Moderator

Here are some additional steps you can try to resolve the issue:

Use the logoutPopup method with the account parameter set to null. This will log out the current user from all accounts and ensure that the logout event is properly handled across multiple tabs.

const msalConfig = { auth: { clientId: 'your_client_id', authority: 'https://login.microsoftonline.com/your_tenant_id', redirectUri: 'http://localhost:3000', }, }; const msalInstance = new msal.PublicClientApplication(msalConfig); // Perform logout operation msalInstance.logoutPopup({ mainWindowRedirectUri: 'http://localhost:3000', account: null, }).then(() => { // Logout successful }).catch((error) => { // Logout failed });

Use the logoutRedirect method with the account parameter set to null and the postLogoutRedirectUri parameter set to the current URL. This will log out the current user from all accounts and ensure that the logout event is properly handled across multiple tabs.

const msalConfig = { auth: { clientId: 'your_client_id', authority: 'https://login.microsoftonline.com/your_tenant_id', redirectUri: 'http://localhost:3000', }, }; const msalInstance = new msal.PublicClientApplication(msalConfig); // Perform logout operation msalInstance.logoutRedirect({ postLogoutRedirectUri: window.location.href, account: null, }).then(() => { // Logout successful }).catch((error) => { // Logout failed });

Let me know if this helps!

Best,

James

Gulati, Sneha S 5 Reputation points

2024-02-16T21:24:43.9633333+00:00

Hi James, When we mention account as null, its redirected to account selection page to select account for logout which we don't want.
James Hamil 27,221 Reputation points Microsoft Employee Moderator

2024-03-05T22:53:17.1066667+00:00
Try passing an account object that represents the account that you want to log out of, instead of passing null. You can get the account object by calling the getAccount or getAccountByHomeId method of the PublicClientApplication object.

For example, you can get the first signed-in account by calling getAccount like this:

const account = myMsal.getAccount();

Then, you can pass the account object to the logoutRedirect method like this:

myMsal.logoutRedirect({ account: account });

This should log out the specified account without redirecting to the account selection page.
Gulati, Sneha S 5 Reputation points

2024-03-12T16:45:29.7533333+00:00

We are already doing that. We removed that based on your previous comment to solve the actual problem.
James Hamil 27,221 Reputation points Microsoft Employee Moderator

2024-03-12T23:23:05.89+00:00

Hi @Gulati, Sneha S ,can you please send me an email at "azcommunity@microsoft.com" with subject "ATTN: James Hamil" and your subscription ID? I can open a free support ticket for you. Best, James
Pushkin, Andrei (Partner) 0 Reputation points

2025-06-13T11:54:12.8533333+00:00

Did anyone solve the issue? I have the same.

Answer 2

Ronak Soni 0

Hello @Gulati, Sneha S Have you resolved the issue?

Also, I have one another issue, when token time expiration, or if user come back after next day, then it is going to first logged out and then it is stuck at the logged out page instead of loggin page.

Share via

MSAL Azure Library after logout redirect login issue on multiple tab

2 answers

Your answer