Opened 8 weeks ago
Closed 6 weeks ago
#65956 closed defect (bug) (fixed)
Mobile layout breaks on post list table during plugin update
| Reported by: | joedolson | Owned by: | joedolson |
|---|---|---|---|
| Priority: | normal | Milestone: | 7.1.1 |
| Component: | Posts, Post Types | Version: | 7.1 |
| Severity: | normal | Keywords: | has-patch commit dev-reviewed fixed-major |
| Cc: | Focuses: | css |
Description
When a plugin update is triggered, the layout shifts and the left border is doubled.
Attachments (2)
Change History (15)
This ticket was mentioned in PR #13259 on WordPress/wordpress-develop by @khokansardar.
8 weeks ago
#2
- Keywords has-patch added
This ticket was mentioned in PR #13260 on WordPress/wordpress-develop by @sukhendu2002.
8 weeks ago
#3
Trac ticket:
## Use of AI Tools
@sukhendu2002 commented on PR #13260:
8 weeks ago
#4
Closing in favor of https://github.com/WordPress/wordpress-develop/pull/13259
#5
@
7 weeks ago
Tested PR #13259 in WordPress Playground.
Environment: WordPress 7.2-alpha-20260825.043926, PHP 7.4.33, Chrome, 480x800 viewport. Installed Akismet 5.3.1 to create a reproducible update notice.
Results:
- PASS: At 480px, the plugin update notice renders as one full-width row without the duplicated left border. The row measured 441px wide; its only cell measured 441px, flex-basis was 100%, and the cell had no left border.
- PASS: At 1920px, the notice remains a normal table-row and spans 1716px, confirming desktop rendering is unchanged.
Screenshot: attached (Playground mobile evidence).
#8
@
6 weeks ago
- Keywords dev-feedback added
- Resolution fixed
- Status closed → reopened
Reopening for merge to 7.1.1.
![(please configure the [header_logo] section in trac.ini)](/chrome/site/your_project_logo.png)
On narrow viewports the plugin update row does not fill the width of the list table row, and the active plugin's left border is drawn twice.
Responsive list table rows became flex containers in [62958], but the update row kept the pre-flex
:beforepseudo-cell that mimicked the checkbox column. As a flex item it paints a second left border beside the row's own and leaves the update cell sized to its content. This removes the obsolete pseudo-cell and gives the cell a full-width flex basis.Scoped to the
max-width: 782pxblock, so desktop rendering is unchanged.Trac ticket: https://core.trac.wordpress.org/ticket/65956
## Use of AI Tools