Oauth login in MS Teams 3rd party app is showing white login screen for some users on desktop

%3CLINGO-SUB%20id%3D%22lingo-sub-3181170%22%20slang%3D%22en-US%22%3EOauth%20login%20in%20MS%20Teams%203rd%20party%20app%20is%20showing%20white%20login%20screen%20for%20some%20users%20on%20desktop%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-3181170%22%20slang%3D%22en-US%22%3E%3CP%3EHi%2C%20we%20have%20occasional%20reports%20from%20our%20users%20complaining%20that%20they%20cannot%20log%20into%20our%20tab%20application%20using%20MS%20OAuth.%20This%20happens%20very%20infrequently%2C%20and%20ONLY%20on%20the%20Teams%20desktop%20client%20-%20Teams%20web%20client%20login%20always%20works%20fine.%20The%20symptoms%20of%20it%20seem%20to%20be%20similar%20to%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechswift.org%2F2020%2F05%2F04%2Fhow-to-fix-a-blank-login-screen-in-microsoft-teams%2F%2C%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3Ehttps%3A%2F%2Ftechswift.org%2F2020%2F05%2F04%2Fhow-to-fix-a-blank-login-screen-in-microsoft-teams%2F%2C%20%3C%2FA%3Ehowever%20this%20specifically%20is%20the%20login%20button%20inside%20the%20tab%20of%20our%20own%20Teams%20app%2C%20not%20the%20Teams%20application%20itself.%3C%2FP%3E%3CP%3E%3CBR%20%2F%3EWe%20have%20actually%20been%20able%20to%20reproduce%20this%20on%20one%20of%20our%20own%20internal%20company%20users%2C%20although%20we%20are%20not%20sure%20how%20the%20user%20got%20into%20that%20state.%20This%20is%20a%20screenshot%20of%20the%20login%20experience%20(the%20login%20popup%20stays%20blank)%3A%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22image%20(10).png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F349237iCE7B5098E0190BED%2Fimage-size%2Fmedium%3Fv%3Dv2%26amp%3Bpx%3D400%22%20role%3D%22button%22%20title%3D%22image%20(10).png%22%20alt%3D%22image%20(10).png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%E2%80%83%3C%2FP%3E%3CP%3E%3CBR%20%2F%3EThe%20code%20we%20use%20to%20start%20the%20authentication%20flow%20is%20the%20recommended%20one%3A%3C%2FP%3E%3CP%3E%3CSTRONG%3EmicrosoftTeams.authentication.authenticate()%3CBR%20%2F%3E%3CBR%20%2F%3E%3CBR%20%2F%3E%3C%2FSTRONG%3EThe%20package%20versions%20we%20are%20using%20for%20MicrosoftTeams%20and%20ADAL%20are%20at%20least%20up%20to%20date%20to%20the%20ones%20used%20in%20the%20sample%20code%20from%20Microsoft%3A%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2FOfficeDev%2FMicrosoft-Teams-Samples%2Fblob%2Fmain%2Fsamples%2Ftab-sso%2Fnodejs%2Fsrc%2Fclient%2Fviews%2Fauth-start.pug%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Fgithub.com%2FOfficeDev%2FMicrosoft-Teams-Samples%2Fblob%2Fmain%2Fsamples%2Ftab-sso%2Fnodejs%2Fsrc%2Fclient%2Fviews%2Fauth-start.pug%3C%2FA%3E%26nbsp%3B%2C%20so%20I%20believe%20that%20is%20not%20the%20issue%20either.%20(I%20am%20aware%20that%20ADAL%20has%20not%20been%20supported%20for%20a%20while%2C%20but%20it%20seems%20like%20Microsoft%20samples%20continue%20to%20use%20it%20for%20tab%20authentication).%3CBR%20%2F%3E%3CBR%20%2F%3E%3CSTRONG%3ESummary%3C%2FSTRONG%3E%3CBR%20%2F%3E-%201-2%25%20of%20users%20are%26nbsp%3B%3CSTRONG%3Enot%26nbsp%3B%3C%2FSTRONG%3Eable%20to%20log%20into%20our%20Tab%20application%20using%20the%20above%20code%2C%20and%20are%20stuck%20with%20a%20white%20screen%2C%20on%26nbsp%3B%3CSTRONG%3ETeams%20desktop%20client%20only%3C%2FSTRONG%3E%3CBR%20%2F%3E-%20100%25%20of%20users%2C%20including%20affected%20ones%2C%20are%20able%20to%20log%20into%20our%20Tab%20application%20on%26nbsp%3B%3CSTRONG%3ETeams%20web%20client%26nbsp%3B%3C%2FSTRONG%3Ecorrectly%3C%2FP%3E%3CDIV%3E%26nbsp%3B%3C%2FDIV%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EWe%20are%20trying%20to%20focus%20on%20resolving%20this%20issue%20for%20our%20users%2C%20is%20there%20any%20recommended%20direction%20we%20can%20take%20or%20at%20least%20information%20we%20can%20provide%20to%20our%20users%20experiencing%20this%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-3181170%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EDeveloper%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EMicrosoft%20Teams%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-3182464%22%20slang%3D%22en-US%22%3ERe%3A%20Oauth%20login%20in%20MS%20Teams%203rd%20party%20app%20is%20showing%20white%20login%20screen%20for%20some%20users%20on%20desktop%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-3182464%22%20slang%3D%22en-US%22%3EWe%20will%20check%20on%20it%20from%20our%20end%20and%20let%20you%20know.%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-3184302%22%20slang%3D%22en-US%22%3ERe%3A%20Oauth%20login%20in%20MS%20Teams%203rd%20party%20app%20is%20showing%20white%20login%20screen%20for%20some%20users%20on%20desktop%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-3184302%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F1096313%22%20target%3D%22_blank%22%3E%40ChetanSharma-msft%3C%2FA%3E%26nbsp%3BGreat%2C%20thank%20you.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EAnd%20to%20chime%20in%20on%20how%20we're%20able%20to%20currently%20workaround%20the%20issue%3A%3C%2FP%3E%3CUL%3E%3CLI%3EIn%20desktop%20Teams%20client%3A%26nbsp%3B%3CUL%3E%3CLI%3ENavigate%20to%20Tab%20App%20%26gt%3B%20Click%20%3CSTRONG%3EPop%20out%20tab%3C%2FSTRONG%3E%3C%2FLI%3E%3CLI%3ELogin%20via%20%3CSTRONG%3EPop%20out%20tab%3C%2FSTRONG%3E%20works%20as%20intended%26nbsp%3B%3C%2FLI%3E%3CLI%3EIf%20I%20navigate%20back%20to%20the%20regular%20tab%20and%20click%20%3CSTRONG%3EReload%20Tab%3C%2FSTRONG%3E%20-%20I%20am%20now%20logged%20in%3C%2FLI%3E%3CLI%3ENote%3A%20If%20I%20sign%20out%20on%20the%20pop-out%20tab%20or%20regular%20tab%2C%20the%20white%20screen%20reappears%3C%2FLI%3E%3C%2FUL%3E%3C%2FLI%3E%3C%2FUL%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-3196874%22%20slang%3D%22en-US%22%3ERe%3A%20Oauth%20login%20in%20MS%20Teams%203rd%20party%20app%20is%20showing%20white%20login%20screen%20for%20some%20users%20on%20desktop%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-3196874%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F777214%22%20target%3D%22_blank%22%3E%40andrew1992%3C%2FA%3E%26nbsp%3B-%20We%20tried%20to%20repro%20the%20issue%20at%20our%20end%20and%20we%20are%20able%20to%20get%20Sign%20In%20prompt%20and%20were%20able%20to%20Sign%20in%20properly.%20However%20we%20are%20checking%20this%20with%20Engineering%20team%20to%20find%20out%20if%20there%20is%20any%20alternative.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-3200826%22%20slang%3D%22en-US%22%3ERe%3A%20Oauth%20login%20in%20MS%20Teams%203rd%20party%20app%20is%20showing%20white%20login%20screen%20for%20some%20users%20on%20desktop%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-3200826%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F1092859%22%20target%3D%22_blank%22%3E%40Prasad_Das-MSFT%3C%2FA%3E%26nbsp%3BThanks%20for%20looking%20into%20this.%20I%20have%20provided%20a%20video%20of%20the%20bug%2C%20as%20well%20as%20the%20workaround%20that%20can%20be%20done%20to%20get%20past%20this%2C%20that%20you%20can%20pass%20along%20to%20the%20engineering%20team%20if%20it%20helps.%3CBR%20%2F%3E%3CBR%20%2F%3E%3CA%20href%3D%22https%3A%2F%2Fwww.loom.com%2Fshare%2F103296538b6b441986c188f91bfbec5b%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fwww.loom.com%2Fshare%2F103296538b6b441986c188f91bfbec5b%3C%2FA%3E%3CBR%20%2F%3E%3CBR%20%2F%3ETimestamps%3A%3CBR%20%2F%3E%3CSTRONG%3E0-12s%3A%26nbsp%3B%3C%2FSTRONG%3ECant%20log%20in%20using%20the%20tab%20application%2C%20white%20login%20screen%3CBR%20%2F%3E%3CSTRONG%3E12-24s%3A%26nbsp%3B%3C%2FSTRONG%3EUsing%20%22Pop%20out%20tab%22%2C%20and%20opening%20up%20tab%20that%20way%2C%20user%20is%20able%20to%20log%20in%3CBR%20%2F%3E%3CSTRONG%3E24-37s%3A%26nbsp%3B%3C%2FSTRONG%3ELogin%20token%20from%20OAuth%20is%20shared%20with%20the%20non%20popped%20out%20tab%2C%20and%20reload%20there%20work%20to%20log%20you%20into%20the%20authenticated%20session%3CBR%20%2F%3E%3CSTRONG%3E37s%2B%3A%3C%2FSTRONG%3E%26nbsp%3BLog%20out%20in%20popped%20out%20tab%2C%20clearning%20login%20OAuth.%20User%20is%20now%20logged%20out%20of%20both%20popped%20out%20and%20regular%20tab.%20Logging%20in%20through%20regular%20tab%20continues%20to%20show%20white%20screen%3CBR%20%2F%3E%3CBR%20%2F%3EIf%20we%20can%20help%20in%20any%20other%20way%2C%20feel%20free%20to%20have%20the%20engineering%20team%20reach%20out%20to%20me%20at%20%3CA%20href%3D%22mailto%3AEmail%20address%20removed%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3EEmail%20address%20removed%3C%2FA%3E%26nbsp%3Bif%20I%20can%20help%20work%20through%20this%20with%20them%3CBR%20%2F%3E%3CBR%20%2F%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-3202698%22%20slang%3D%22en-US%22%3ERe%3A%20Oauth%20login%20in%20MS%20Teams%203rd%20party%20app%20is%20showing%20white%20login%20screen%20for%20some%20users%20on%20desktop%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-3202698%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F844642%22%20target%3D%22_blank%22%3E%40alexkovalev%3C%2FA%3E%26nbsp%3B-%20Thanks%20for%20the%20details.%20FYI%20There%20is%20already%20bug%20raised%20for%20this%20type%20issue%20and%20engineering%20team%20is%20looking%20into%20it.%20We%20will%20inform%20you%20once%20we%20have%20any%20update.%20Thanks!%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-3255168%22%20slang%3D%22en-US%22%3ERe%3A%20Oauth%20login%20in%20MS%20Teams%203rd%20party%20app%20is%20showing%20white%20login%20screen%20for%20some%20users%20on%20desktop%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-3255168%22%20slang%3D%22en-US%22%3EThank%20you%20%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F1092859%22%20target%3D%22_blank%22%3E%40Prasad_Das-MSFT%3C%2FA%3E%20for%20the%20information%3CBR%20%2F%3E%3CBR%20%2F%3EIs%20it%20possible%20to%20be%20added%20to%20a%20notification%20list%20or%20be%20notified%20here%20once%20it%20is%20resolved%3F%20(so%20we%20can%20notify%20our%20users%20%3A)%3C%2Fimg%3E%20)%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-3256047%22%20slang%3D%22en-US%22%3ERe%3A%20Oauth%20login%20in%20MS%20Teams%203rd%20party%20app%20is%20showing%20white%20login%20screen%20for%20some%20users%20on%20desktop%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-3256047%22%20slang%3D%22en-US%22%3ENot%20sure%20how%20to%20add%20to%20notification%20list.%20But%20we%20will%20notify%2Fupdate%20you%20once%20we%20get%20any%20information%20from%20engineering%20team.%20Thanks!%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-3267427%22%20slang%3D%22en-US%22%3ERe%3A%20Oauth%20login%20in%20MS%20Teams%203rd%20party%20app%20is%20showing%20white%20login%20screen%20for%20some%20users%20on%20desktop%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-3267427%22%20slang%3D%22en-US%22%3EHi%2C%3CBR%20%2F%3E%3CBR%20%2F%3EIs%20there%20any%20update%20on%20this%20bug%3F%20We%20are%20experiencing%20exact%20same%20issue!%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-3268356%22%20slang%3D%22en-US%22%3ERe%3A%20Oauth%20login%20in%20MS%20Teams%203rd%20party%20app%20is%20showing%20white%20login%20screen%20for%20some%20users%20on%20desktop%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-3268356%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F1344014%22%20target%3D%22_blank%22%3E%40AftabShaikh%3C%2FA%3E%26nbsp%3B-%20Engineering%20team%20is%20working%20on%20the%20issue.%20We%20will%20update%20you%20once%20it%20gets%20fully%20rolled%20out%20publicly%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-3332593%22%20slang%3D%22en-US%22%3ERe%3A%20Oauth%20login%20in%20MS%20Teams%203rd%20party%20app%20is%20showing%20white%20login%20screen%20for%20some%20users%20on%20desktop%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-3332593%22%20slang%3D%22en-US%22%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F1092859%22%20target%3D%22_blank%22%3E%40Prasad_Das-MSFT%3C%2FA%3E%20thanks%20for%20providing%20that%20information%20above.%20Are%20you%20able%20to%20provide%20any%20additional%20guidance%3F%20We%20continue%20to%20have%20users%20experiencing%20this%20issue%20and%20it's%20tough%20to%20provide%20a%20workaround%20if%20their%20default%20use%20case%20of%20Teams%20is%20on%20desktop.%3C%2FLINGO-BODY%3E
Occasional Contributor

Hi, we have occasional reports from our users complaining that they cannot log into our tab application using MS OAuth. This happens very infrequently, and ONLY on the Teams desktop client - Teams web client login always works fine. The symptoms of it seem to be similar to https://techswift.org/2020/05/04/how-to-fix-a-blank-login-screen-in-microsoft-teams/, however this specifically is the login button inside the tab of our own Teams app, not the Teams application itself.


We have actually been able to reproduce this on one of our own internal company users, although we are not sure how the user got into that state. This is a screenshot of the login experience (the login popup stays blank):

image (10).png


The code we use to start the authentication flow is the recommended one:

microsoftTeams.authentication.authenticate()


The package versions we are using for MicrosoftTeams and ADAL are at least up to date to the ones used in the sample code from Microsoft: https://github.com/OfficeDev/Microsoft-Teams-Samples/blob/main/samples/tab-sso/nodejs/src/client/vie... , so I believe that is not the issue either. (I am aware that ADAL has not been supported for a while, but it seems like Microsoft samples continue to use it for tab authentication).

Summary
- 1-2% of users are not able to log into our Tab application using the above code, and are stuck with a white screen, on Teams desktop client only
- 100% of users, including affected ones, are able to log into our Tab application on Teams web client correctly

 

 

We are trying to focus on resolving this issue for our users, is there any recommended direction we can take or at least information we can provide to our users experiencing this?

10 Replies
We will check on it from our end and let you know.

@ChetanSharma-msft Great, thank you.

 

And to chime in on how we're able to currently workaround the issue:

  • In desktop Teams client: 
    • Navigate to Tab App > Click Pop out tab
    • Login via Pop out tab works as intended 
    • If I navigate back to the regular tab and click Reload Tab - I am now logged in
    • Note: If I sign out on the pop-out tab or regular tab, the white screen reappears

@andrew1992 - We tried to repro the issue at our end and we are able to get Sign In prompt and were able to Sign in properly. However we are checking this with Engineering team to find out if there is any alternative.

@Prasad_Das-MSFT Thanks for looking into this. I have provided a video of the bug, as well as the workaround that can be done to get past this, that you can pass along to the engineering team if it helps.

https://www.loom.com/share/103296538b6b441986c188f91bfbec5b

Timestamps:
0-12s: Cant log in using the tab application, white login screen
12-24s: Using "Pop out tab", and opening up tab that way, user is able to log in
24-37s: Login token from OAuth is shared with the non popped out tab, and reload there work to log you into the authenticated session
37s+: Log out in popped out tab, clearning login OAuth. User is now logged out of both popped out and regular tab. Logging in through regular tab continues to show white screen

If we can help in any other way, feel free to have the engineering team reach out to me, using my email, if I can help work through this with them

@alexkovalev - Thanks for the details. FYI There is already bug raised for this type issue and engineering team is looking into it. We will inform you once we have any update. Thanks!

Thank you @Prasad_Das-MSFT for the information

Is it possible to be added to a notification list or be notified here once it is resolved? (so we can notify our users :) )
Not sure how to add to notification list. But we will notify/update you once we get any information from engineering team. Thanks!
Hi,

Is there any update on this bug? We are experiencing exact same issue!

@AftabShaikh - Engineering team is working on the issue. We will update you once it gets fully rolled out publicly

@Prasad_Das-MSFT thanks for providing that information above. Are you able to provide any additional guidance? We continue to have users experiencing this issue and it's tough to provide a workaround if their default use case of Teams is on desktop.