Changeset 63201

Timestamp:

08/12/2026 06:42:30 AM (2 months ago)

Author:

wildworks

Message:

Toolbar: Match hover state to focus state.

Follow up to [63009]. The original commit strengthened the focus state in the admin toolbar, but didn't change the hover state. This created a mismatch in behavior where the admin toolbar behaved differently from the primary admin menu, which has a shared hover and focus state.

Apply the focus state to the hover condition as well, so that the behavior matches the admin sidebar.

Reviewed by a-fellow-committer, maybe-multiple.
Merges [63190] to the 7.1 branch.

Props fushar, wildworks, ravichudasama01, afercia, joedolson.
Fixes #65849.

Location:

branches/7.1

Files:

• . (modified) (1 prop)
• src/wp-includes/css/admin-bar.css (modified) (1 diff)

branches/7.1/src/wp-includes/css/admin-bar.css

@@ -83 +83 @@
         /* Only visible in Windows High Contrast mode */
         outline: 2px solid transparent;
+}
+
+#wpadminbar a:hover,
+#wpadminbar a:focus,
+#wpadminbar .ab-item[tabindex="0"]:hover,
+#wpadminbar .ab-item[tabindex="0"]:focus {
         box-shadow: inset 0 -4px 0 0 currentColor;
         transition: box-shadow 0.1s linear;
 }
 
+#wpadminbar .ab-submenu a:hover,
 #wpadminbar .ab-submenu a:focus,
+#wpadminbar .ab-submenu .ab-item[tabindex="0"]:hover,
 #wpadminbar .ab-submenu .ab-item[tabindex="0"]:focus {
         box-shadow: inset 4px 0 0 0 currentColor;