question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Checkbox and radio buttons : no cursor pointer on buttons hover

See original GitHub issue

Environment

  • OS : Win 10
  • Browser : Firefox 65.0 / Chrome 72.0

Test case

Since version 4.3, when hovering the mouse pointer on a radio button within a button group (btn-group-toggle), there is no cursor pointer anymore. It worked with version 4.2.

The behaviour is the same with both examples in the documentation (group of 1 button / group of 3 buttons).

Reproducible within the documentation :

For information, I had this style enabled in version 4.2 with cursor: pointer, but not anymore in version 4.3 :

.btn:not(:disabled):not(.disabled)

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Reactions:1
  • Comments:6 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
astegmaiercommented, Feb 23, 2019

I agree with @ghusta that it seems a bit strange to say at the same time “things styled with the btn class shouldn’t have the hand cursor” and “<button> elements should have the hand cursor”.

It looks like both changes were made in the same PR - #27021 (here and here).

0reactions
patrickhlaukecommented, Feb 12, 2019

oh, interesting. maybe i’ve missed one of the iterations of the overall discussion (it’s been going back and forth for months/years). i’ll dig in and see why we now have this mismatch again…

Read more comments on GitHub >

github_iconTop Results From Across the Web

Should the cursor change to pointer over radio buttons ...
The pointer is especially useful when the element being clicked on doesn't change on mouse over. Default link styles in a web-browser don't ......
Read more >
Buttons shouldn't have a hand cursor | by Adam Silver - Medium
There's a belief that the hand (pointer) cursor means clickable, but this is wrong and potentially problematic. The hand does not mean clickable....
Read more >
Why does <button> not have a pointer cursor on hover by ...
First, I was wondering why I need to add cursor:pointer; for a hover effect on elements ...
Read more >
Correct Cursor on Active Elements - Roman Komarov
Every active element must have a set cursor on hover. And it should be cursor:pointer in most cases. By active elements I mean...
Read more >
styling a radio button list, especially the cursor - MSDN
On my machine this only makes the cursor change to pointer over the radiobutton, NOT over the label next to it (which when...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found