sp-dev-docs icon indicating copy to clipboard operation
sp-dev-docs copied to clipboard

Published 20 hours ago • verified publisher icon SharePoint

Missing part of the office theme in Microsoft Teams

Open siata13 opened this issue 3 years ago • 7 comments

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. image

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

Steps to reproduce

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

Expected behavior

The SPFx context and theme should be correctly initialized.

siata13 avatar Sep 15 '22 09:09 siata13

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

ghost avatar Sep 15 '22 09:09 ghost

@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 avatar Sep 15 '22 13:09 AJIXuMuK

@siata13 - also if you have some test environment where we can repro it - please share it with me ([email protected])

AJIXuMuK avatar Sep 15 '22 14:09 AJIXuMuK

@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.

siata13 avatar Sep 22 '22 05:09 siata13

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

AJIXuMuK avatar Sep 22 '22 17:09 AJIXuMuK

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

siata13 avatar Sep 23 '22 05:09 siata13

In both cases it is rebranded Viva connections app.

siata13 avatar Oct 03 '22 10:10 siata13

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: image

Click into chat, then back into Viva: image

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

c-eiser13 avatar Feb 09 '23 15:02 c-eiser13

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.

johnguy0 avatar Jan 31 '24 00:01 johnguy0

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

ghost avatar Feb 07 '24 06:02 ghost