mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2024-09-21 03:19:09 +03:00
Code Issues Packages Projects Releases Wiki Activity

#774 is-focused is not checking disabled on inputs

Browse Source
This commit is contained in:
Kevin Ross 2015-12-09 13:13:55 -06:00
parent f75800e7be
commit 1ed294899c
4 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
js/src/baseInput.js
View File

@ -139,7 +139,9 @@ const BaseInput = (($) => {
}
addFormGroupFocus() {
this.$mdbFormGroup.addClass(ClassName.IS_FOCUSED)
if (!this.$element.prop('disabled')) {
this.$mdbFormGroup.addClass(ClassName.IS_FOCUSED)
}
}
removeFormGroupFocus() {

2
js/src/baseToggle.js
View File

@ -50,7 +50,7 @@ const BaseToggle = (($) => {
addFocusListener() {
// checkboxes didn't appear to bubble to the document, so we'll bind these directly
this.$mdbFormGroup.find(Selector.LABEL).hover(() => {
this.$element.closest(Selector.LABEL).hover(() => {
this.addFormGroupFocus()
}, () => {
this.removeFormGroupFocus()

2
js/src/ripples.js
View File

@ -48,7 +48,7 @@ const Ripples = (($) => {
constructor($element, config) {
this.$element = $element
console.log(`Adding ripples to ${Util.describe(this.$element)}`) // eslint-disable-line no-console
//console.log(`Adding ripples to ${Util.describe(this.$element)}`) // eslint-disable-line no-console
this.config = $.extend({}, Default, config)
// attach initial listener

5
scss/mixins/_forms.scss
View File

@ -8,6 +8,11 @@
&:focus {
color: $mdb-label-color-toggle-focus;
}
// correct the above focus color for disabled items
fieldset[disabled] & {
color: $mdb-label-color;
}
}
}