[wp-trac] [WordPress Trac] #64857: Connectors: Alignment and layout issue with RTL

[WordPress Trac]

#64857: Connectors: Alignment and layout issue with RTL
--------------------------+----------------------------------
 Reporter:  gziolo        |       Owner:  (none)
     Type:  defect (bug)  |      Status:  new
 Priority:  normal        |   Milestone:  7.0
Component:  AI            |     Version:  trunk
 Severity:  normal        |  Resolution:
 Keywords:  has-patch     |     Focuses:  rtl, administration
--------------------------+----------------------------------
Changes (by sabernhardt):

 * focuses:  rtl => rtl, administration
 * component:  General => AI


Old description:

> The new Connectors screen (`Settings > Connectors`) has two RTL-related
> layout issues, reported against beta5:
>
> 1. **Admin menu layout breaks** when navigating to the Connectors page —
> double collapse arrows appear and spacing between menu items is visually
> broken.
> 2. **Page heading is not `direction`-aware** — the "Connectors" heading
> remains left-aligned instead of flipping to the right in RTL locales.
>
> ### Steps to Reproduce
>
> 1. Install WordPress 7.0-beta5 (or trunk).
> 2. Switch the site language to an RTL locale (e.g., Central Kurdish —
> `ckb`).
> 3. Navigate to **Settings → Connectors**.
> 4. Observe the admin menu sidebar and the page heading alignment.
>
> ### Expected Behavior
>
> The admin menu should render identically to other settings sub-pages in
> RTL mode, and the page heading should respect `direction: rtl`.
>
> ### Actual Behavior
>
> The sidebar menu shows duplicate collapse arrows and inconsistent
> spacing. The page heading stays left-aligned.
>
> ### Screenshots & Video
>
> Visual references (before/after comparison and a video walkthrough) are
> available in the original support forum report:
> https://wordpress.org/support/topic/alignment-and-layout-issue-with-the-
> connectors/
>
> ## Props
>
> @rebeensarbast for the detailed report and visual references.

New description:

 The new Connectors screen (`Settings > Connectors`) has two RTL-related
 layout issues, reported against beta5:

 1. **Admin menu layout breaks** when navigating to the Connectors page —
 double collapse arrows appear and spacing between menu items is visually
 broken.
 2. **Page heading is not `direction`-aware** — the "Connectors" heading
 remains left-aligned instead of flipping to the right in RTL locales.

 ==== Steps to Reproduce ====

 1. Install WordPress 7.0-beta5 (or trunk).
 2. Switch the site language to an RTL locale (e.g., Central Kurdish —
 `ckb`).
 3. Navigate to **Settings → Connectors**.
 4. Observe the admin menu sidebar and the page heading alignment.

 ==== Expected Behavior ====

 The admin menu should render identically to other settings sub-pages in
 RTL mode, and the page heading should respect `direction: rtl`.

 ==== Actual Behavior ====

 The sidebar menu shows duplicate collapse arrows and inconsistent spacing.
 The page heading stays left-aligned.

 ==== Screenshots & Video ====

 Visual references (before/after comparison and a video walkthrough) are
 available in the original support forum report:
 https://wordpress.org/support/topic/alignment-and-layout-issue-with-the-
 connectors/

 ==== Props ====

 @rebeensarbast for the detailed report and visual references.

--

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/64857#comment:6>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform