search

OfficeDev / office-js-helpers

[ARCHIVED] A collection of helpers to simplify development of Office Add-ins & Microsoft Teams Tabs
MIT License
126 stars 56 forks source link

OfficeHelpers.UI.notify has no background color in a React-based Office Add-in #120

Open PallianDev opened 5 years ago

PallianDev commented 5 years ago

Environment Information

Bug Information:

When I create a React project using Yeoman, if I use OfficeHelpers.UI.notify to show an error, or for anything, the MessageBar has no background. This occurs even with the out of the box project (with the small change of changing 'range.format.fill.color = 'yellow'' to 'range.format.fill.color = null' so that there is an error to show).

Here's a picture of what happens. As you can see, the OfficeHelpers.UI.notify MessageBar displaying the "RichApi.Error" has no background:

bug-pic

I'm not really sure if this is the right place to post this, as I'm sure it could be a bug with office-generator or office-fabric-ui-react, but since it was the notify function that appeared bugged, I thought it'd be a good idea to start here.

Toonshorty commented 5 years ago

I am also experiencing the same issue, I've noticed the body font isn't being set to Segoe UI either. The issue appears to be related to the Fabric UI package not getting loaded correctly.