Spfx webparts running in safari

[JamesDerrickHH]

Target SharePoint environment

SharePoint Online

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

💥 SharePoint Framework

Developer environment

macOS

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

macOS 14.5
safari 17.5
chrome v126
spfx 1.19

Describe the bug / error

I have developed an spfx webpart for use in sharepoint, teams and outlook.
I have uploaded it in sharepoint, and then added it to teams so that it is available as an app in teams and outlook
The webpart works fine in teams, via browser in chrome and via the mac desktop application
However, it only works in the browser version of outlook, and only in chrome, not in safari, and therefore doesn't work in the iOS outlook app, because it uses safari (is my understanding).
I get the error "Refused to display 'https://login.microsoftonline.com/...' in a frame because it set 'X-Frame-Options' to DENY"
I have tested with the default helloworld webpart, that is created with yeoman, and I get the same issue

Steps to reproduce

1. Create a new webpart using yeoman with React as the framework
2. Deploy the app to your sharepoint tenant
3. Add the app to Teams (also via sharepoint)
4. Make sure the app is accessible to your user in the teams admin portal
5. Open the webpart in outlook in safari (https://outlook.office.com)

Expected behavior

The webpart loads in safari without error as it does in other browsers

[JamesDerrickHH]

To add to this, I've discovered the webpart can work in outlook via safari if I allow pop-ups and untick Privacy -> Prevent cross-site tracking. This is not ideal though as everyone in our company would need to change these settings for the webpart to work as an outlook app.
Changing these settings, however, has no impact on getting the webpart working in the iOS outlook app. That just continues to display a loading indicator indefinitely with no visible errors

[Ashlesha-MSFT]

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

[Ashlesha-MSFT]

@JamesDerrickHH ,
Unfortunately, we don’t currently have access to Safari/iOS for direct testing.
Could you kindly check if the issue still persists on your side or if there have been any changes in behavior since your last update?

[JamesDerrickHH]

Hi, nothing has changed since my last comment, the webpart will work in outlook on safari only if prevent cross-site tracking is disabled in safari's privacy settings. Which is not something I can enforce in my organisation.
It still does not work at all on the iOS outlook app, just displays a spinner indefinitely
I have raised a more specific issue for the iOS problem #10073

[Ashlesha-MSFT]

Hi @JamesDerrickHH,
Thanks for the update.
Noted that the issue persists and appreciate you raising a more specific bug for the iOS problem (#10073).

We've already logged a related bug on our end as well, so hopefully this will help expedite the resolution.
Thank you for your patience and continued collaboration!