Web Part background white in Page Section with Zone Emphasis

[bogeorge]

Category

[ X ] Bug [ ] Enhancement

Environment

[ X ] Office 365 / SharePoint Online [ ] SharePoint 2016 [ ] SharePoint 2013

If SharePoint on-premises, what's exact CU version:

Expected or Desired Behavior

When applying a provisioning template to a ClientSidePage that is using the Background Emphasis for a Section the web parts should respect the background color.

Observed Behavior

When applying a provisioning template to a ClientSidePage that is using the Background Emphasis for a Section the web parts (NewsReel specifically) actually get a white background that overrides the section background color.

This appears to come from classes assigned to a DIV that has none in the original HTML.

Steps to Reproduce

• Create a simple modern page with the section background set to neutral and add a News web part. This screen shows News with a grey background (neutral) matching the section. The HTML on the right is highlighting a div that is different after the template is applied (2nd screen shot).

• Un-comment and use ClientSidePagesTests.cs - PageTest test method to extract a template for the site page. You can also use PnP PowerShell or other methods

• Un-comment and use ClientSidePageTests.cs - Page2Test method to apply the template to a site (ideally a different site so you can compare).

This screen shows News with a white background (neutral) matching the section. The HTML on the right is highlighting a div that now has a class root-76 that is making the background white for the webpart overridding the section background

Additional Notes:

• I have attempted to debug and break in ClientSidePage.Save just before item.Update. I essentially tried to save the original value pulled from CanvasContent1 and then set it back unaltered by code. Doing this still resulted in a white background which gives me the impression that server side code may be responsible for the issue.

[ghost]

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

[bogeorge]

So I've discovered a little more on this that I wanted to share. I have another issue that the emphasis seems to be related to as well. The net seems to be that when using PnP to add the News web part a Newsreel with the wrong id is added. I affectionately have called this one the "old news". Old news likely doesn't support emphasis, which is why is has a white background instead of letting the section background through. New news however does allow the emphasis to shine through.

Check out Provisioned News web part is not filtering correctly base on the configured page property filter for more information like the ids, observations and a workaround for now if you are seeing this problem.