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.

Button Disabled - Cursor not-allowed no longer works

See original GitHub issue

Updated to the latest 4.0 beta version I noticed that Buttons when in a disabled state the cursor not-allowed no longer shows up. This causes confusion for users on disabled buttons.

<button type="button" class="btn btn-secondary" style="border: none;" data-toggle="modal" data-target="#editPropertyModal"
                [disabled]="!isEditMode">View Secret Word</button>

Any ideas? Thanks

Issue Analytics

State:
Created 6 years ago
Comments:7 (1 by maintainers)

Top GitHub Comments

4reactions

Sun3commented, Aug 11, 2017

ps: For now I am using below in my css for a quick fix if anyone else also need it.

button:disabled {
  cursor: not-allowed;
}

0reactions

Jumzeeycommented, Dec 25, 2022

also doesn’t work in vuejs

Top Results From Across the Web

cursor: not-allowed isn't working on disabled buttons #16088

So I assume that bootstrap tried to implement the cursor: not-allowed for disabled buttons, or input's. I have created two jsfiddles.

How to combine cursor: not-allowed and pointer-events: none

you can't do this because pointer-events: none; disable all mouse functions, but you can do a trick and wrap your button with a...

CSS cursor: not-allowed; doesn't work on disabled buttons.

The fiddle listings (Public, Private, Titled, etc) will now display latest versions instead of the ones saved as Base versions - this was...

Disabled buttons should have cursor default - Drupal

1. For buttons, we should use the `disabled` attribute, 2. For links, we should use `.disabled` class. More info on this on https://getbootstrap ......

CSS cursor property - W3Schools

Property Values ; no-drop, The cursor indicates that the dragged item cannot be dropped here, Play it » ; none, No cursor is...