Embedding ListView in SPFX via iFrame blank

[tknaller]

Target SharePoint environment

SharePoint Online

What SharePoint development model, framework, SDK or API is this about?

💥 SharePoint Framework

Developer environment

Linux

What browser(s) / client(s) have you tested

• 💥 Internet Explorer
• 💥 Microsoft Edge
• 💥 Google Chrome
• 💥 FireFox
• 💥 Safari
• mobile (iOS/iPadOS)
• mobile (Android)
• not applicable
• other (enter in the "Additional environment details" area below)

Additional environment details

SPFX v1.17.4
OK on Teams & Browser Desktop
issue on Teams Android & iOS

Describe the bug / error

We have an app developed with SPFX v1.17.4 which embeds SharePoint List Views with iframes. Since about 2 weeks ago these iframes come back blank on mobile teams clients (android & ios). Desktop Browser & App still work fine.

When digging into the issue with an Android Virtual Device in Android Studio and attaching a Chromium-Debugger to the Teams tab, the following error is reported to the console when the blank list view iframe "finished" loading: Uncaught (in promise) Error: SDK initialization timed out.
But no network request sticks out as non-working.

Steps to reproduce

1. create spfx app with yo @microsoft/sharepoint
2. embed SharePoint List View with iframe in react app

Expected behavior

list view visible, but is just blank

[tknaller]

I am suspecting the new NAA feature is already trying its magic in SPO but not working in an SPFX-App as Iframe Host....if the SPFX-App were trying to to do NAA, the Teams Client/SPO/Outlook would react just fine - is what I am guessing here as it suddenly stopped working but the odd thing is that it only happens in ms teams on mobile devices, desktop and mobile browser (SPO) work fine....

https://devblogs.microsoft.com/microsoft365dev/introducing-nested-app-authentication-an-improved-authentication-protocol-for-your-teams-app/

[Ashlesha-MSFT]

Hello @tknaller,
Thank you for bringing this issue to our attention. We will look into it and get back to you shortly.

[Ashlesha-MSFT]

@tknaller,
Able to get embedded list inside desktop teams, browser teams but not in android teams application
Loading a Web app as Iframe in teams Tab application - Microsoft Q&A
"Tab apps will be loaded as iframe in Teams. If there is any iframe within tab app, then it might not load properly in Teams. Because Teams will be unaware about sub iframes.

[tknaller]

thank you for this link. unfortunately this only says "might not load properly" is interesting as this worked before and stopped working.

then a followup question arises: how to display the standard sharepoint list view inside an SPFX application?

[Ashlesha-MSFT]

@tknaller,
As we were able to reproduce the issue and according to you it was not happening in past.
We will log this as a bug, and our engineering team will look into it.
Thank you for your patience!

[tknaller]

thank you