Skip to content
This repository has been archived by the owner on May 29, 2019. It is now read-only.

disabled and ng-disabled ineffective on radio and checkbox buttons with Bootstrap CSS 3.3.5 #4013

Closed
jljouannic opened this issue Jul 24, 2015 · 2 comments

Comments

@jljouannic
Copy link

With Bootstrap CSS 3.3.4, ng-disabled and disabled applied to label associated with the btn-radio or btn-checkbox directives work has expected (See this plunk)

After upgrading to Bootstrap CSS 3.3.5, it does not work anymore (See this plunk).

To be more precise, styling is good (even better than with 3.3.4) but behaviour is not what it should be.

I guest solving issue #16092 on Bootstrap CSS had a harmful effect on radio and checkbox buttons behaviour.

@jljouannic
Copy link
Author

As a temporary workaround, the following CSS rule set can be used:

label.btn[disabled] {
    pointer-events: none;
}

Styling of the cursor is not as good as it is with Bootstrap 3.3.5, but behaviour is restored.

@wesleycho
Copy link
Contributor

Take a look at the fix I have in #4026 @jljouannic - this should do the trick :) .

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants