Unable to access web app from Ipad browser with seamless Single Sign on failed error

Question

we have a Angular 8 web application which talks with Rest API's. able to access this application from web browsers in Laptop using https in chrome/firefox/ie but not able to access it from iPad corporate device in any of the browser including Safari/chrome App insights logs from page view show up the error as /#error=interaction_required&error_description=Seamless+single+sign+on+failed+for+the+user.+This+can+happen+if+the+user+is+unable+to+access+on +premises+AD+or+intranet+zone+is+not+configured+correctly AD is single Sign ON enabled and App is registered in Azure AD. is this any know issue or have any resolution. Note :- there are few users who could access the application in there iPad devices as well. This is happening for certain set of users.

Answer 1

Please try unchecking "Prevent cross-site tracking" on your iPad browser and see if the site works.

See Github workaround

The thread also mentions adding acquireTokenRedirect:

export const acquireTokenSilent = () => {
  const authority = getItem(lastUsedAuthority)
  if (!msalApp) {
    msalApp = initUserAgent(authority)
    clearItem(lastUsedAuthority)
  }
  const request = { scopes: B2C_SCOPES }
  return msalApp.acquireTokenSilent(request).then((response) => {
    return response
  })
    .catch(() => {
      return msalApp.acquireTokenRedirect(request)
    })
}