Skip to content

[bug]: When hovering over the toggle button (checkbox), the cursor does not change to a pointer, which is expected behavior for interactive elements. This makes it unclear to users that the checkbox is clickable. #7279

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

Open
2 tasks done
inderjitgiri15042002 opened this issue Apr 26, 2025 · 0 comments · May be fixed by #7299
Labels
bug Something isn't working

Comments

@inderjitgiri15042002
Copy link

Describe the bug

When hovering over the toggle button (checkbox), the cursor does not change to a pointer, which is expected behavior for interactive elements. This makes it unclear to users that the checkbox is clickable.

Affected component/components

Button

How to reproduce

  1. Go to the Home Page.
  2. Check the Navbar for the dark/light mode button.
  3. Hover over the dark/light mode toggle button.
  4. Observe that the cursor does not change to a pointer.

Codesandbox/StackBlitz link

No response

Logs

System Info

Browser Name: Chrome (or Firefox, Safari, etc.)

Version: 112.0.5615.137 (or your current version)

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/112.0.5615.137 Safari/537.36

Before submitting

  • I've made research efforts and searched the documentation
  • I've searched for existing issues
@inderjitgiri15042002 inderjitgiri15042002 added the bug Something isn't working label Apr 26, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant