Twenty Sixteen: Fill Width Images over 840px fail to overflow to the left

[christianguerrag]

Quick summary

Images wider than or equal to 840px and pullquote blocks aligned to the left, should overhang the main column, this is a feature of the theme.
Right now both blocks align to the main column width.

Steps to reproduce

1. Activate the Twenty Sixteen
2. Create a post
3. Add to the content of the post an image wider than 840px.
4. Add a pullquote block and align it to the left. Add text after the pullquote.

What you expected to happen

The Images should overhang the main column and the blockquote as well, being outside the limits of the column width.

What actually happened

The Images and pullquote stayed inside the column and aligned to the same width than the rest of the text.

Browser

Google Chrome/Chromium, Mozilla Firefox

Context

Customer report.

Platform (Simple, Atomic, or both?)

Simple, Atomic

Other notes

Reported by a user. On their site, this issue is present on most posts but there are some posts that are showing correctly.

Reproducibility

Not Consistent anymore, sometimes it works on my test site.

Severity

Some (< 50%)

Available workarounds?

None

Workaround details

No response

[christianguerrag]

First reported in 6332736-zen

[github-actions]

Support References

This comment is automatically generated. Please do not edit it.

• 6332736-zen
• 7090731-zen

[lizkarkoski]

We have another case of the overhang failing in this forum thread:
https://wordpress.com/forums/topic/large-images-no-longer-displaying-correctly-overhanging-full-size-image/?view=all

[cuemarie]

📌 REPRODUCTION RESULTS

• Replicable outside of Dotcom – Yes

📌 FINDINGS/SCREENSHOTS/VIDEO
I can replicate this on a self-hosted site outside of dotcom. While the T16 demo site indicates that wide images will overhang left, the same image added to a new post at first works, but then when I update the page (without any new changes), the image is constrained to the width of the post body:

qyGCGX.mp4

The pullquote seems to work as expected, but long quotes make it very hard to notice:

Ssikwj.mp4

📌 ACTIONS

• Updated title
• Added to Bug Scrub Planning board

[radtechgh]

7090731-zen