Missing part of the office theme in Microsoft Teams

siata13 commented 1 year ago

Target SharePoint environment

SharePoint Online

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

other (enter in the "Additional environment details" area below)

Developer environment

Windows

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

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

Additional environment details

Microsoft Teams (browser and the application).

Describe the bug / error

After switching from Viva to other teams app and coming back, part of the office theme is not loaded which causes PnP controls to crash. At least 'roundedCorner2' is missing.

https://user-images.githubusercontent.com/6162213/190365726-8ab275a5-217d-4268-b122-12f7c20b6f31.mp4

Steps to reproduce

Open intranet in Viva
Switch to other app (e.g. chat)
Go back to Viva

Expected behavior

The SPFx context and theme should be correctly initialized.

ghost commented 1 year ago

Thank you for reporting this issue. We will be triaging your incoming issue as soon as possible.

AJIXuMuK commented 1 year ago

@siata13 - thanks for reporting this one! Few questions:

do you have initializeIcons called somewhere in the root of the files (outside of any methods/classes)?
Do you have code to apply theme directly in the controls?

AJIXuMuK commented 1 year ago

@siata13 - also if you have some test environment where we can repro it - please share it with me (aterentiev@microsoft.com)

siata13 commented 1 year ago

@AJIXuMuK - sorry for late answer.

I didn't find any code that calls initializeIcons in our code. Not sure if it is used somewhere in PnP controls.
There is no code that loads / applies the theme in the control
The environment is a customers one and I do not have a direct access - what is super strange, it happens only in some tenants.

AJIXuMuK commented 1 year ago

@siata13 - am I correct that this is a custom "Viva" app (you've provided your own manifest). Not out of the box app?

siata13 commented 1 year ago

Will talk to the customer and come back to you with an answer. Thanks!

siata13 commented 1 year ago

In both cases it is rebranded Viva connections app.

c-eiser13 commented 1 year ago

I'm having this same issue in my company tenant, dev tenant and in customer tenants. Our setup is, home site is configured for Viva connections, and the homesite has an app customizer that creates a navigation menu, and there are custom SPFx web parts on the page as well. When we go into teams and into viva connections, everything loads correctly and icons are visible. If I click on any option on left nav, chat for example, then click back into viva, the icons (Fluent UI) are gone, until I reload the page. I'm also not calling initializeIcons, or applying a theme to these controls in particular.

First load of Viva:

Click into chat, then back into Viva:

This happens in both browser version of Teams and Desktop version. I can repro in a dev tenant as well if that helps troubleshoot.

johnguy0 commented 5 months ago

Thank you for opening this issue. Closing since this is not an issue directly with SPFx, but we have opened a bug for the product team.

ghost commented 5 months ago

Issues that have been closed & had no follow-up activity for at least 7 days are automatically locked. Please refer to our wiki for more details, including how to remediate this action if you feel this was done prematurely or in error: Issue List: Our approach to locked issues

SharePoint / sp-dev-docs