Hello WordPress Support Team,
I am reporting a critical RTL/BiDi text rendering regression that appeared after updating to WordPress 7.0. This is NOT a CSS customization issue — it is a core rendering problem affecting how mixed RTL/LTR text (especially with parentheses) is handled inside Flexbox containers in RTL languages (Persian/fa_IR).
🔴 Environment:
WordPress: 7.0
Theme: Blocksy 2.1.46
Plugins: Elementor 4.1.4, Tutor LMS 3.9.13
Language: Persian (fa_IR) — Full RTL
Server: LiteSpeed, PHP 8.1.30
🔴 The Problem:
When displaying mixed Persian/English text containing parentheses (e.g., دوره مدیریت پروژه پایدار (GPM-B/ CSPP)), the browser completely fails to wrap the text to the next line. Instead, it treats the entire mixed string as a single unbreakable word, causing massive horizontal overflow that breaks the entire page layout.
Specific symptoms:
Massive horizontal overflow: A container with max-width: 750px reports scrollWidth: 1955px — an overflow of 1205px!
Flexbox ignores parent constraints: Elements inside Flexbox containers completely ignore their parent's width limits.
This worked perfectly in previous versions of WordPress. The issue started immediately after the WP 7.0 update (combined with Elementor v4).
🔴 Console Evidence:
text
123456789
🔴 Root Cause Analysis:
The issue appears to be a regression in how WordPress 7.0 core CSS or modern themes (like Blocksy) handle Flexbox containers in RTL mode:
In RTL Flexbox layouts, the browser's BiDi algorithm treats mixed Persian + English + parentheses as one directional run.
Because Flexbox children don't have min-width: 0 applied by default in the theme's core CSS, the text refuses to wrap.
The unicode-bidi: isolate property (which should help) is being overridden or ignored by the global Flexbox layout rules.
🔴 What We've Tried:
Adding overflow-wrap: break-word — doesn't help because the issue is Flexbox, not word-wrapping.
Adding min-width: 0 to Flexbox children — partially helps but breaks other native layouts.
Disabling Elementor's e_opt_in_v4 experiment — this is the only thing that temporarily fixes it, suggesting a conflict between WP 7.0's new CSS variables and Elementor v4's Flexbox rendering.
🔴 Request:
Could you please confirm if this is a known regression in WordPress 7.0 regarding RTL text rendering, Flexbox min-width handling, or BiDi isolation for mixed-language content?
We need a core-level fix or a proper hook/filter to handle BiDi text wrapping in Flexbox containers for RTL languages, as this is currently blocking our production site.
Thank you for your time and assistance.La página con la que necesito ayuda: [log in to see the link]