Picture Article Byline Overlap

[JamieB-gu]

Picture articles that are still rendered by frontend have an issue where the tags in the metadata overlap the multilines and byline. This only occurs from leftCol upwards.

Possible Solutions

The same problem does not occur in DCR, but DCR does not yet render all picture articles. It only renders them when the main media is one of the new "cartoon" elements.

frontend/applications/app/services/dotcomrendering/ImageContentPicker.scala

Lines 18 to 19 in 7eca576

	val dcrCanRender =
	mainBlock.exists(block => block.elements.forall(element => element.`type` == ElementType.Cartoon))

A few possible solutions:

1. Roll out support for non-cartoons in DCR.
2. Use the new cartoon element for these kinds of articles (Editorial workflow change).
3. Fix the overlap issue in frontend.

Example

https://www.theguardian.com/commentisfree/picture/2023/dec/18/ben-jennings-michelle-mone-ppe-cartoon-tory-peer