fix(textarea): fix textarea grow

100% perfect fix for textarea, check it out Fixes angular#5751
devversion · Nov 16, 2015 · d807b8f · d807b8f
1 parent 9d52697
commit d807b8f
Showing 1 changed file with 4 additions and 5 deletions.
diff --git a/src/components/input/input.js b/src/components/input/input.js
@@ -264,12 +264,12 @@ function inputTextareaDirective($mdUtil, $window, $mdAria) {
       var node = element[0];
       var container = containerCtrl.element[0];
 
-      var min_rows = NaN;
+      var rows = NaN;
       var lineHeight = null;
       // can't check if height was or not explicity set,
       // so rows attribute will take precedence if present
       if (node.hasAttribute('rows')) {
-        min_rows = parseInt(node.getAttribute('rows'));
+        rows = parseInt(node.getAttribute('rows'));
       }
 
       var onChangeTextarea = $mdUtil.debounce(growTextarea, 1);
@@ -287,7 +287,7 @@ function inputTextareaDirective($mdUtil, $window, $mdAria) {
       }
       element.on('keydown input', onChangeTextarea);
 
-      if (isNaN(min_rows)) {
+      if (isNaN(rows)) {
         element.attr('rows', '1');
 
         element.on('scroll', onScroll);
@@ -306,7 +306,7 @@ function inputTextareaDirective($mdUtil, $window, $mdAria) {
         // temporarily disables element's flex so its height 'runs free'
         element.addClass('md-no-flex');
 
-        if (isNaN(min_rows)) {
+        if (isNaN(rows)) {
           node.style.height = "auto";
           node.scrollTop = 0;
           var height = getHeight();
@@ -322,7 +322,6 @@ function inputTextareaDirective($mdUtil, $window, $mdAria) {
             node.style.minHeight = null;
           }
 
-          var rows = Math.min(min_rows, Math.round(node.scrollHeight / lineHeight));
           node.setAttribute("rows", rows);
           node.style.height = lineHeight * rows + "px";
         }