Formatting issue on expand/collapse meta box area focus

[brianhogg]

When a meta box expand/collapse button has focus, the formatting looks off. The radius is a bit too big for the height available.

[wildworks]

Thanks for the report. I believe this problem was caused by #64644. This is because #64644 changed the focused state as follows:

From:

.postbox .handle-order-higher:focus,
.postbox .handle-order-lower:focus,
.postbox .handlediv:focus {
	box-shadow: inset 0 0 0 2px #2271b1;
}

To:

.postbox .handle-order-higher:focus,
.postbox .handle-order-lower:focus,
.postbox .handlediv:focus {
	box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
}

Note that the inset has been removed.

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

## Before

## After

## Use of AI Tools

None

[poena]

PR 11550 solves the issue for me (I only tested in Chrome on Windows).

I have tested the patch using WordPress Playground in Google Chrome on a Windows system, including areas such as editor metaboxes and dashboard widgets. Based on my testing, the issue appears to be resolved, and the patch is working as expected. 👍

[abcd95]

Test Report

Description

This report validates that the indicated patch works as expected.

Patch tested: ​https://patch-diff.githubusercontent.com/raw/WordPress/wordpress-develop/pull/11550.diff

Environment

• WordPress: 7.1-alpha-62161-src
• PHP: 8.3.30
• Server: nginx/1.29.8
• Database: mysqli (Server: 8.4.8 / Client: mysqlnd 8.3.30)
• Browser: Firefox 149.0
• OS: macOS
• Theme: Twenty Twenty-Five 1.4
• Plugins:
  • Classic Editor 1.6.7
  • Test Reports 1.2.0

Actual Results

✅ Issue resolved with the patch. The focus ring on the button now renders correctly, and the ring sits flush within the button boundary without overflowing.

Patch works correctly in the Classic Editor as well. Meta box expand/collapse focus styling renders properly in both the block editor and the Classic Editor plugin (v1.6.7).

Supplemental Artifacts

Block editor - before patch

Block editor - after patch

Classic editor - before patch

Classic editor - after patch

[wildworks]

In 62232:

Administration: Fix focus outline being cut off for the metabox collapse and move buttons.

Fixes an issue where the focus outline on metabox collapse buttons and move handles was being clipped.

Props abcd95, audrasjb, brianhogg, darshitrajyaguru97, poena, wildworks.
Fixes #65060.

[wildworks]

Reopening #65060 to request backporting [62232] to the 7.0 branch

[audrasjb]

Thanks. This is a second committer sign off.

[audrasjb]

In 62235:

Administration: Fix focus outline being cut off for the metabox collapse and move buttons.

Fixes an issue where the focus outline on metabox collapse buttons and move handles was being clipped.

Reviewed by audrasjb, wildworks.
Merges [62232] to the 7.0 branch.

Props abcd95, audrasjb, brianhogg, darshitrajyaguru97, poena, wildworks.
Fixes #65060.