Make WordPress Core

Opened 15 months ago

Last modified 10 months ago

#63726 new defect (bug)

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

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

Description

see screenshots

Attachments (3)

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

Download all attachments as: .zip

Change History (9)

#1 @Presskopp
15 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
15 months ago

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

#3 @hbhalodia
15 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 15 months ago by hbhalodia (previous) (diff)

#4 @krupajnanda
15 months ago

  • Keywords has-test-info 2nd-opinion added
  • Severity normal → minor
  • Version → 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
15 months ago

The vertical alignment issue with the plugin search box

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


15 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
10 months ago

  • Version trunk → 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.