Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Disabled Button Shows Hover and Active State #366

Open
wesleyboar opened this issue Jul 31, 2024 · 0 comments
Open

Disabled Button Shows Hover and Active State #366

wesleyboar opened this issue Jul 31, 2024 · 0 comments
Labels
fix Fixes user-facing behavior or feature

Comments

@wesleyboar
Copy link
Member

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.

@wesleyboar wesleyboar added the fix Fixes user-facing behavior or feature label Oct 29, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
fix Fixes user-facing behavior or feature
Projects
None yet
Development

No branches or pull requests

1 participant