Changeset 62897

Timestamp:

07/29/2026 01:45:33 PM (2 months ago)

Author:

joedolson

Message:

Administration: Lower specificity of hover and focus states on disabled tooltips.

Core tooltips can accept an existing button as an argument. When applying to an existing button, they should use the existing focus and hover states of that button. The styles for tooltips on disabled controls had higher specificity than the styles for active controls.

Lower the specificity of the styles applied to disabled buttons with tooltips to avoid overriding existing styles. Follow up to [62816].

Developed in ​https://github.com/WordPress/wordpress-develop/pull/12712

Props wildworks, khokansardar, mirmpro, joedolson.
Fixes #65727.

File:

• trunk/src/wp-admin/css/wp-tooltip.css (modified) (1 diff)

trunk/src/wp-admin/css/wp-tooltip.css

@@ -29 +29 @@
 }
 
-.wp-tooltip:not(:has(button[aria-disabled="true"],button[disabled])) .wp-tooltip__toggle:focus,
+/*
+ * `:where()` keeps the wrapper out of the specificity total, so buttons
+ * passed into a tooltip keep control of their own focus ring.
+ */
+:where(.wp-tooltip:not(:has(button[aria-disabled="true"],button[disabled]))) .wp-tooltip__toggle:focus,
 .wp-tooltip .wp-tooltip__close:focus {
         outline: 2px solid transparent;