diff --git a/src/components/mdInputContainer/mdInput.vue b/src/components/mdInputContainer/mdInput.vue
index 2c313e1..e9fcdd1 100644
--- a/src/components/mdInputContainer/mdInput.vue
+++ b/src/components/mdInputContainer/mdInput.vue
@@ -119,6 +119,7 @@
       managePlaceholderClass(this.placeholder, this.parentClasses);
       manageHasValueClass(this.$el.value, this.parentClasses);
       manageMaxlength(this.maxlength, this.$parent);
+      this.$parent.inputLength = this.$el.value.length;
     }
   };
 </script>
diff --git a/src/components/mdInputContainer/mdTextarea.vue b/src/components/mdInputContainer/mdTextarea.vue
index 09dd80c..861db4e 100644
--- a/src/components/mdInputContainer/mdTextarea.vue
+++ b/src/components/mdInputContainer/mdTextarea.vue
@@ -113,6 +113,7 @@
       managePlaceholderClass(this.placeholder, this.parentClasses);
       manageHasValueClass(this.$el.value, this.parentClasses);
       manageMaxlength(this.maxlength, this.$parent);
+      this.$parent.inputLength = this.$el.value.length;
 
       if (!this.$el.getAttribute('rows')) {
         this.$el.setAttribute('rows', '1');