#774 is-focused is not checking disabled on inputs

js/src/baseInput.js

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

js/src/baseToggle.js

@@ -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()

js/src/ripples.js

@@ -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

scss/mixins/_forms.scss

@@ -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;
+    }
   }
 }