Bug: :hover pseudo class not cleared on disabled sp-action-button elements

Tested On:
Photoshop 24.0.0
UXP Version: 6.3.3

Photoshop 23.5.0 (API Version: 2)
UXP Version: 6.2.1

The :hover pseudo class is not being cleared when sp-action-button elements are disabled.

Thus, when the button is later re-enabled, the :hover class remains, styling the button even if the mouse cursor is not currently over the button.

Here is a contrived example with a single button, that when clicked, disables and re-enables itself after 3 seconds. Pull your cursor away after clicking and when the button is re-enabled, it still thinks it is being hovered over.


<!DOCTYPE html>
    <script src="index.js"></script>
    body {
        padding: 20px;
    #btn-test {
        background-color: white;
        color: black;
    #btn-test:hover {
        background-color: red;
        color: white;
    #btn-test[disabled] {
        background-color: gray;
        color: darkgray;
<sp-action-button id="btn-test">Disable For 3 Seconds</sp-action-button>


const elTestButton = document.getElementById('btn-test');

elTestButton.addEventListener('click', () => {
  elTestButton.disabled = true;
  setTimeout(() => {
    elTestButton.disabled = false;
  }, 3000);