Make WordPress Core

Opened 5 months ago

Last modified 7 days ago

#63726 new defect (bug)

On the Plugins page, the search box is not in line with the menu entries

Reported by: presskopp's profile Presskopp Owned by:
Milestone: Awaiting Review Priority: normal
Severity: minor Version: 6.6
Component: General Keywords: has-screenshots has-test-info 2nd-opinion has-patch
Focuses: ui, administration Cc:

Description

see screenshots

Attachments (3)

search-before.png (7.5 KB) - added by Presskopp 5 months ago.
search-after.png (8.1 KB) - added by Presskopp 5 months ago.
Verticle offset issue .jpg (359.4 KB) - added by krupajnanda 5 months ago.
The vertical alignment issue with the plugin search box

Download all attachments as: .zip

Change History (9)

#1 @Presskopp
5 months ago

  • Keywords has-screenshots added

to patch it let's change p.search-box in forms.css from margin: 11px 0; to margin: 6px 0;

#2 @Presskopp
5 months ago

  • Summary changed from On the Plugins page, the search box is not in line with the menu eintries to On the Plugins page, the search box is not in line with the menu entries

#3 @hbhalodia
5 months ago

Hi @Presskopp, I have checked this and found that this issue is present on all the admin pages, for example, pages, posts etc, the left is not aligned with right, We should wait for the maintainer to review the same and share there thought before patching the same.

Edit: Though, this patch would work on all the pages, because they share the same class, p.search-box.

Thank You,

Last edited 5 months ago by hbhalodia (previous) (diff)

#4 @krupajnanda
5 months ago

  • Keywords has-test-info 2nd-opinion added
  • Severity changed from normal to minor
  • Version set to trunk

Reproduction Report

Description

This report validates that the issue can be reproduced. ✅

Environment

  • WordPress: 6.9-alpha-60093-src
  • PHP: 8.2.15
  • Server: nginx/1.29.0
  • Database: mysqli (Server: 8.4.5 / Client: mysqlnd 8.2.15)
  • Browser: Chrome 138.0.0.0
  • OS: macOS
  • Theme: Twenty Twenty-Five 1.2
  • MU Plugins: None activated
  • Plugins:
    • Test Reports 1.2.0

Actual Results

  1. ✅ Error condition occurs (reproduced).

Additional Notes

  • The vertical alignment issue with the plugin search box (p.search-box) is reproducible. The input field appears slightly higher than the surrounding elements on the Plugins screen, causing visual misalignment. As @hbhalodia mentioned the issue is consistent with other areas like pages, posts, users, themes, etc
  • Tested this with ruler mode enabled to confirm the offset.

Supplemental Artifacts

Add as Attachment

@krupajnanda
5 months ago

The vertical alignment issue with the plugin search box

This ticket was mentioned in PR #9308 on WordPress/wordpress-develop by @prototipo88.


5 months ago
#5

  • Keywords has-patch added

On the Plugins page, the .search-box element is visually misaligned, it does not line up with the surrounding menu entries. This creates an inconsistent and slightly jarring user experience.

I simply adjusted the CSS rule for .search-box in forms.css to margin: 6px 0; as suggested by @Presskopp.

Trac ticket: https://core.trac.wordpress.org/ticket/63726

#6 @wildworks
7 days ago

  • Version changed from trunk to 6.6

[58146] replaced the search box placeholder with a visual label to improve accessibility. This was first released in 6.6, but there were misalignments from the start.

Note: See TracTickets for help on using tickets.