News Web Part rendering issues

%3CLINGO-SUB%20id%3D%22lingo-sub-2589429%22%20slang%3D%22en-US%22%3ENews%20Web%20Part%20rendering%20issues%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2589429%22%20slang%3D%22en-US%22%3E%3CP%3EIs%20anyone%20noticing%20major%20rendering%20issues%20with%20the%20SharePoint%20Online%20News%20web%20part%3F%3C%2FP%3E%3CP%3EThe%20issues%20are%20similar%20to%20this%20post...%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fsharepoint%2Fchanges-to-top-story-news-web-part%2Fm-p%2F2586536%22%20target%3D%22_blank%22%3Ehttps%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fsharepoint%2Fchanges-to-top-story-news-web-part%2Fm-p%2F2586536%3C%2FA%3E%3C%2FP%3E%3CP%3E...but%20the%20impact%20is%20also%20on%20other%20'Layout'%20types.%20It%20is%20almost%20as%20if%20Microsoft%20have%20broken%20their%20CSS%20or%20something%2C%20as%20the%20images%20used%20in%20news%20item%20banners%20are%20rendering%20as%20full%20size%2C%20rather%20than%20being%20cropped%20and%20having%20a%20gradient%20applied%20(to%20ensure%20text%20is%20readable%20in%20the%20web%20part).%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EMy%20configuration%20of%20the%20web%20part%20is%20as%20shown%20below%20(or%20attached)%2C%20and%20I%20can%20confirm%20that%20this%20issue%20is%20happening%20in%20multiple%20tenants%2C%20and%20mulitple%20site%20collections.%20In%20fact%2C%20I%20can't%20find%20any%20site%20collection%20where%20this%20issue%20ISN'T%20occurring.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22JoeAyre_0-1627361942708.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F298550iEBB680E22D9441A7%2Fimage-size%2Fmedium%3Fv%3Dv2%26amp%3Bpx%3D400%22%20role%3D%22button%22%20title%3D%22JoeAyre_0-1627361942708.png%22%20alt%3D%22JoeAyre_0-1627361942708.png%22%20%2F%3E%3C%2FSPAN%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22JoeAyre_1-1627361948320.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F298551i1020A230AF6E2BD1%2Fimage-size%2Fmedium%3Fv%3Dv2%26amp%3Bpx%3D400%22%20role%3D%22button%22%20title%3D%22JoeAyre_1-1627361948320.png%22%20alt%3D%22JoeAyre_1-1627361948320.png%22%20%2F%3E%3C%2FSPAN%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22JoeAyre_2-1627361953027.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F298552iEA9B0969A94C4A3A%2Fimage-size%2Fmedium%3Fv%3Dv2%26amp%3Bpx%3D400%22%20role%3D%22button%22%20title%3D%22JoeAyre_2-1627361953027.png%22%20alt%3D%22JoeAyre_2-1627361953027.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EBe%20very%20keen%20to%20hear%20of%20others%20experiencing%20this%2C%20and%20would%20be%20grateful%20if%20others%20could%20test%20this%20in%20their%20own%20tenants%20to%20see%20how%20widescale%20the%20problem%20is.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThanks%2C%3C%2FP%3E%3CP%3EJoe%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-2589429%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EBUG%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EBUG%20Report%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ECSS%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3Eissue%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ENews%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ENews%20web%20part%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3Erender%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3Erendering%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ESharePoint%20Online%20Office%20365%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2589490%22%20slang%3D%22en-US%22%3ERe%3A%20News%20Web%20Part%20rendering%20issues%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2589490%22%20slang%3D%22en-US%22%3EHi!%3CBR%20%2F%3EIn%20my%20case%20I%20have%20not%20noted%20this%20problem%20so%20far%2C%20but%20I%20will%20update%20the%20thread%20in%20case%20it%20happens%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2589494%22%20slang%3D%22en-US%22%3ERe%3A%20News%20Web%20Part%20rendering%20issues%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2589494%22%20slang%3D%22en-US%22%3E%3CP%3EI%20should%20note%2C%20that%20all%20the%20tenants%20I%20have%20confirmed%20the%20issue%20is%20occuring%20on%20have%20their%20data%20location%20set%20to%20'Australia'.%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F60%22%20target%3D%22_blank%22%3E%40Juan%20Carlos%20Gonz%C3%A1lez%20Mart%C3%ADn%3C%2FA%3E%26nbsp%3B-%20are%20you%20able%20to%20let%20me%20know%20the%20data%20location%20of%20the%20tenant%20you%20have%20tested%20on%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2589505%22%20slang%3D%22en-US%22%3ERe%3A%20News%20Web%20Part%20rendering%20issues%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2589505%22%20slang%3D%22en-US%22%3EHi%20Joe%2C%3CBR%20%2F%3EMy%20tenants%20are%20in%20Europe.%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2589581%22%20slang%3D%22en-US%22%3ERe%3A%20News%20Web%20Part%20rendering%20issues%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2589581%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F173812%22%20target%3D%22_blank%22%3E%40Joe%20Ayre%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20am%20experiencing%20the%20same%20as%20you%20described%20and%20yes%20I'm%20also%20located%20in%20Australia.%20Looks%20like%20Microsoft%20rolled%20something%20out%20and%20broke%20the%20way%20news%20displays.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2589592%22%20slang%3D%22en-US%22%3ERe%3A%20News%20Web%20Part%20rendering%20issues%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2589592%22%20slang%3D%22en-US%22%3EI'm%20about%20to%20have%20a%20remote%20session%20with%20Microsoft%20Support%20so%20hopefully%20this%20gets%20escalated%20and%20fixed%20quick!%20%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F999636%22%20target%3D%22_blank%22%3E%40DJ-11%3C%2FA%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2589593%22%20slang%3D%22en-US%22%3ERe%3A%20News%20Web%20Part%20rendering%20issues%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2589593%22%20slang%3D%22en-US%22%3EThanks%20for%20confirming.%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2590019%22%20slang%3D%22en-US%22%3ERe%3A%20News%20Web%20Part%20rendering%20issues%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2590019%22%20slang%3D%22en-US%22%3EI%20can%20also%20replicate%20the%20issue.%20Will%20keep%20an%20eye%20on%20this%20tread%20for%20updates.%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2590204%22%20slang%3D%22en-US%22%3ERe%3A%20News%20Web%20Part%20rendering%20issues%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2590204%22%20slang%3D%22en-US%22%3EWe%20are%20experiencing%20this%2C%20too.%20Our%20tenant%20is%20in%20Europe.%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2590344%22%20slang%3D%22en-US%22%3ERe%3A%20News%20Web%20Part%20rendering%20issues%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2590344%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F173812%22%20target%3D%22_blank%22%3E%40Joe%20Ayre%3C%2FA%3E%26nbsp%3BI%20have%20a%20similar%20situation%20since%20a%20couple%20of%20days%3A%20images%20used%20to%20be%20scaled%20to%20fit%20(above%20the%20actual%20text%20of%20the%20news%20post)%2C%20but%20suddenly%20they%20overlap%20over%20the%20text.%20Have%20to%20manually%20change%20image%20format%20so%20text%20is%20readable.%26nbsp%3B%3C%2FP%3E%3CP%3EThis%20is%20a%20major%20issue%20for%20our%20company%3A%20we%20use%20news%20webpart%20a%20lot%20and%20cannot%20afford%20to%20instruct%20our%20users%20to%20manually%20resize%20images%20before%20posting.%3C%2FP%3E%3C%2FLINGO-BODY%3E
Contributor

Is anyone noticing major rendering issues with the SharePoint Online News web part?

The issues are similar to this post...

https://techcommunity.microsoft.com/t5/sharepoint/changes-to-top-story-news-web-part/m-p/2586536

...but the impact is also on other 'Layout' types. It is almost as if Microsoft have broken their CSS or something, as the images used in news item banners are rendering as full size, rather than being cropped and having a gradient applied (to ensure text is readable in the web part).

 

My configuration of the web part is as shown below (or attached), and I can confirm that this issue is happening in multiple tenants, and mulitple site collections. In fact, I can't find any site collection where this issue ISN'T occurring.

 

JoeAyre_0-1627361942708.pngJoeAyre_1-1627361948320.pngJoeAyre_2-1627361953027.png

 

Be very keen to hear of others experiencing this, and would be grateful if others could test this in their own tenants to see how widescale the problem is.

 

Thanks,

Joe

 

22 Replies
Hi!
In my case I have not noted this problem so far, but I will update the thread in case it happens

I should note, that all the tenants I have confirmed the issue is occuring on have their data location set to 'Australia'. @Juan Carlos González Martín - are you able to let me know the data location of the tenant you have tested on?

Hi Joe,
My tenants are in Europe.

@Joe Ayre 

I am experiencing the same as you described and yes I'm also located in Australia. Looks like Microsoft rolled something out and broke the way news displays.

I'm about to have a remote session with Microsoft Support so hopefully this gets escalated and fixed quick! @DJ-11
Thanks for confirming.
I can also replicate the issue. Will keep an eye on this tread for updates.
We are experiencing this, too. Our tenant is in Europe.

@Joe Ayre I have a similar situation since a couple of days: images used to be scaled to fit (above the actual text of the news post), but suddenly they overlap over the text. Have to manually change image format so text is readable. 

This is a major issue for our company: we use news webpart a lot and cannot afford to instruct our users to manually resize images before posting.

Same here (data location European Union). Temp workaround is to switch the layout to for example list, where this is not occurring.

I notice during loading of the page, it seems to initially load well (proper scale to fit), but once completely loaded it enlarges the image.

 

Very much interested in hearing the feedback on your case with MS!

Same also in Swiss, New Web Part -> Layout Hub News Images habe different size...
We are having the same issue here
Keep us posted as I too have the issue and our tenant is set in the US
Meanwhile it has appeared on the Service Health page of the M365 Admin Center under SP273435.
Looks to be resolved now.
Indeed same here
I can confirm that in all of my tenants in Australia this now appears to have been resolved. I spent an hour on a support call with Microsoft who took logs via Fiddler, etc. but have yet to receive an explanation as to what caused the problem. Thanks to all who commnted and helped add eweight to the service request seriousness. I'll report back if I hear any more regarding what caused the issue and what the fix was.
See below for the full response from Microsoft. Sounds like a 'code issue', which they have 'manually' updated. Sounds like a slightly 'hacky' approach, rather than rolling back, but good to see it fixed....for now.

SP273435:
July 28, 2021 1:56 AM
Title: Users are seeing titles rendering on top of images in news web parts on SharePoint Online sites

User Impact: Users were seeing titles rendering on top of images in news web parts on SharePoint Online sites.

Final status: Following our review of ULS logs, we've identified a code issue that was causing users to see titles rendering on top of images in news web parts on SharePoint Online sites. We've manually updated the code, and confirmed with affected users that it has remediated impact.

Scope of impact: This issue may have impact any user viewing images in news web parts on SharePoint Online sites.

Start time: Tuesday, July 27, 2021, 11:42 AM (1:42 AM UTC)

End time: Wednesday, July 28, 2021, 1:32 AM (7/27/2021, 3:32 PM UTC)

Root cause: A code issue was causing users to see titles rendering on top of images in news web parts on SharePoint Online sites.

Next steps:
- We're further reviewing the news web parts code to find ways to prevent this problem from happening again.

This is the final update for the event.
Our SharePoint intranet is now experiencing this issue again. Is no one else?