Disabled Button Shows Hover and Active State

[wesleyboar]

Overview

A button that is disabled still shows :hover and :active state ui.

Steps

1. Have a <button disabled>.
2. Interact with button:
   • Hover over button.
   • Click button.

Expected

• No visible change to button.
• No visible change to button.

Important

If the UI does not change, then change step 2 to:

• Enable :hover state via browser developer tools.
• Enable :active state via browser developer tools.

Actual

• Visible change to button.
• Visible change to button.

Notes

Note

Affects primary, secondary, and tertiary buttons.