From 47bf23524a4b69e70ac1b32d28e907134b336b39 Mon Sep 17 00:00:00 2001
From: softglazee <copyclutch@gmail.com>
Date: Tue, 1 Sep 2026 15:16:42 +0500
Subject: [PATCH] Planet: Keep syndicated entry content inside the column.

Planet republishes post content from other sites, and that content can carry
pixel widths baked into the markup. A post currently in the feed uses newsletter
blocks whose separators are emitted as

    <hr style="... width: 560px; height: 0;">

560px is the email column width the plugin renders for. Planet puts that inside
a column that is 342px wide at a 360px viewport, so the page gains 234px of
horizontal scroll on phones. Measured on planet.wordpress.org at 375px: three
such separators, each overhanging by 234px, and they are the only elements
escaping the viewport.

wp4.css already guards against this for one element type:

    .wrapper img { max-width: 100%; height: auto; }

Extend the same guard to the other elements that arrive from a feed with a
hardcoded width. Scoped to `.entry` so it only applies to syndicated content.

Measured before and after on planet.wordpress.org:

    375px viewport   234px of horizontal scroll  ->  0px
    the 560px hr     560px wide                  ->  302px, inside its 342px parent

At 1440px the change is a no-op: 40 hr, 14 table and 90 img elements all keep
their existing widths and the document height is unchanged.

See https://meta.trac.wordpress.org/ticket/8419
---
 wordpress.org/public_html/style/wp4-rtl.css | 17 +++++++++++++++++
 wordpress.org/public_html/style/wp4.css     | 17 +++++++++++++++++
 2 files changed, 34 insertions(+)

diff --git a/wordpress.org/public_html/style/wp4-rtl.css b/wordpress.org/public_html/style/wp4-rtl.css
index a2f4f48da8..2443bc7d08 100644
--- a/wordpress.org/public_html/style/wp4-rtl.css
+++ b/wordpress.org/public_html/style/wp4-rtl.css
@@ -232,6 +232,23 @@ a img.aligncenter {
 	height: auto;
 }
 
+/*
+ * Syndicated entries can arrive with pixel widths baked into the markup by the
+ * source site, for example the 560px email column that newsletter plugins put on
+ * separators. `.wrapper img` above is constrained for the same reason; these are
+ * the other elements that turn up with a hardcoded width and push the page
+ * sideways on narrow screens.
+ * See https://meta.trac.wordpress.org/ticket/8419
+ */
+.wrapper .entry hr,
+.wrapper .entry table,
+.wrapper .entry iframe,
+.wrapper .entry video,
+.wrapper .entry embed,
+.wrapper .entry object {
+	max-width: 100%;
+}
+
 #wporg-header {
 	position: relative;
 	height: 140px;
diff --git a/wordpress.org/public_html/style/wp4.css b/wordpress.org/public_html/style/wp4.css
index 69fc1a641a..219b9a0089 100644
--- a/wordpress.org/public_html/style/wp4.css
+++ b/wordpress.org/public_html/style/wp4.css
@@ -233,6 +233,23 @@ a img.aligncenter {
 	height: auto;
 }
 
+/*
+ * Syndicated entries can arrive with pixel widths baked into the markup by the
+ * source site, for example the 560px email column that newsletter plugins put on
+ * separators. `.wrapper img` above is constrained for the same reason; these are
+ * the other elements that turn up with a hardcoded width and push the page
+ * sideways on narrow screens.
+ * See https://meta.trac.wordpress.org/ticket/8419
+ */
+.wrapper .entry hr,
+.wrapper .entry table,
+.wrapper .entry iframe,
+.wrapper .entry video,
+.wrapper .entry embed,
+.wrapper .entry object {
+	max-width: 100%;
+}
+
 #wporg-header {
 	position: relative;
 	height: 140px;