Cannot acquireToken() with ios webview

Library

[ ] msal@1.x.x or @azure/msal@1.x.x
[x] @azure/msal-browser@2.13.0
[ ] @azure/msal-node@1.x.x
[ ] @azure/msal-react@1.0.0-beta.1
[ ] @azure/msal-angular@0.x.x
[ ] @azure/msal-angular@1.x.x
[ ] @azure/msal-angular@2.x.x
[ ] @azure/msal-angularjs@1.x.x

Framework

[ ] Angular
[x] React (Next.js)
[ ] Other

Description

We are developing an Teams App and using msal-browser to authenticate our users. Everythings works fine on desktop, web and andoid, but with ios we are not able to get a token for the signed in user. SessionStorage doesn't contain any user information after signin.

Error Message

@ : Info - Emitting event: msal:ssoSilentStart
@azure/msal-browser@2.13.0 : Info - BrowserCacheManager.cleanRequestByState: Removing temporary cache items for state: eyJpZCI6IjA0Y2NkMjBjLTJlOTAtNDM5NC1iYTJjLThhYTYzMzRhZmM5MiIsIm1ldGEiOnsiaW50ZXJhY3Rpb25UeXBlIjoic2lsZW50In19
@ : Info - Emitting event: msal:ssoSilentFailure
Cannot login 'xxxx@xxxxx.onmicrosoft.com' using SSO!

{"name":"InteractionRequiredAuthError","message":"login_required: AADSTS50058: A silent sign-in request was sent but no user is signed in. The cookies used to represent the user's session were not sent in the request to Azure AD. This can happen if the user is using Internet Explorer or Edge, and the web app sending the silent sign-in request is in different IE security zone than the Azure AD endpoint (login.microsoftonline.com).\r\nTrace ID: 908ee49c-ea8a-4369-9e1b-788395205400\r\nCorrelation ID: bad0e556-7073-4112-b34f-abd11a5e5c73\r\nTimestamp: 2021-03-29 17:29:53Z","stack":"AuthError@..."}
@ : Info - Emitting event: msal:acquireTokenStart
@ : Info - Emitting event: msal:acquireTokenFromNetworkStart
@ : Info - Emitting event: msal:acquireTokenFailure
{"name":"ClientAuthError","message":"no_tokens_found: No tokens were found for the given scopes, and no authorization code was passed to acquireToken. You must retrieve an authorization code before making a call to acquireToken().","stack":"AuthError@...

sessionStorage
{"AI_sentBuffer":"[]","agentId":"8744a693-d709-40fb-85bc-f3f46e02a9d4","AI_buffer":"[]"}
localStorage
{}

MSAL Configuration

{
    auth: {
        clientId: this.clientId,
        authority: "https://login.microsoftonline.com/" + tid + "/",
        redirectUri: location.origin + "/Home/SignInEnd",
        navigateToLoginRequestUrl: false
    }, cache: {
        cacheLocation: BrowserCacheLocation.MemoryStorage,
        storeAuthStateInCookie: true
    },system: {
        loggerOptions: {
            loggerCallback: (level: LogLevel, message: string, containsPii: boolean): void => {
                if (containsPii) {
                    return;
                }
                switch (level) {
                    case LogLevel.Error:
                        console.error(message);
                        return;
                    case LogLevel.Info:
                        console.info(message);
                        return;
                    case LogLevel.Verbose:
                        console.log(message);
                        return;
                    case LogLevel.Warning:
                        console.warn(message);
                        return;
                }
            },
            piiLoggingEnabled: false
        }
    }
}

Reproduction steps

try aquireToken in a teams app with ios

Expected behavior

The same behavior like desktop, teams app or android: getting a token and store it to sessionStorage or anywhere else

Identity Provider

multitenancy

[x] Azure AD
[ ] Azure B2C Basic Policy
[ ] Azure B2C Custom Policy
[ ] ADFS
[ ] Other

Browsers/Environment

[ ] Chrome (only tested it here for now)
[ ] Firefox
[ ] Edge
[ ] Safari
[ ] IE
[x] iOS webview inside of the teams app (iOS 14.4.2)

Regression

[x] Did this behavior work before? yes with iOS 13.3.x

Security

[ ] Is this issue security related?

Source

[ ] Internal (Microsoft)
[x] Customer request

AzureAD / microsoft-authentication-library-for-js

Cannot acquireToken() with ios webview #3328