[wp-trac] [WordPress Trac] #65362: Regression: display: flex on #major-publishing-actions breaks layout in Classic Editor box with third-party plugins

[WordPress Trac]

#65362: Regression: display: flex on #major-publishing-actions breaks layout in
Classic Editor box with third-party plugins
----------------------------+-----------------------------
 Reporter:  mwcom82         |      Owner:  (none)
     Type:  defect (bug)    |     Status:  new
 Priority:  normal          |  Milestone:  Awaiting Review
Component:  Administration  |    Version:  7.0
 Severity:  normal          |   Keywords:
  Focuses:                  |
----------------------------+-----------------------------
 ### Description
 A recent core update introduced `display: flex;` to the `#major-
 publishing-actions` container in the classic post editing screen. While
 this alignment works fine on a vanilla installation, it introduces a major
 visual regression when third-party extensions (such as translation tools,
 SEO plugins, or cache purgers) inject links or custom toggles inside or
 adjacent to this container.

 The flexbox layout forces all child elements onto a single horizontal line
 without wrapping properly, causing text to overlap, layout breaking, and
 pushing the main blue "Publish/Update" button out of the screen
 boundaries.

 ### Steps to reproduce
 1. Use the Classic Editor (or Classic block) on WordPress 7.x (or latest
 core).
 2. Install plugins that inject actions into the publishing box (e.g.,
 Yoast, WPML, Polylang, or caching tools).
 3. Go to Edit Post. Look at the "Publish" meta box on the right sidebar.

 ### Expected behavior
 The container should let elements wrap gracefully or stack vertically so
 that the "Publish" button and "Move to trash" link remain accessible and
 readable.

 ### Actual behavior
 Elements overlap horizontally, rendering the UI broken and the publish
 button hidden or pushed down.

 ### Proposed Fix / Workaround
 Disabling `display: flex` and reverting to the legacy block/float behavior
 solves the issue completely.

 ```css
 #major-publishing-actions {
     display: block !important;
 }
 #delete-action {
     float: left;
 }
 #publishing-action {
     float: right;
 }

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/65362>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform