fix(textarea): Start at a height of one line

Change min-height for textarea to one line height (and remove extra padding space), and set rows=“1”, since it defaults to 2. Closes #2953. Fixes #2154.
angular · Jul 1, 2015 · 52ca5e5 · 52ca5e5
1 parent 59c7335
commit 52ca5e5
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/src/components/input/input.js b/src/components/input/input.js
@@ -247,6 +247,7 @@ function inputTextareaDirective($mdUtil, $window, $mdAria) {
  element.on('keydown input', onChangeTextarea);
  element.on('scroll', onScroll);
  angular.element($window).on('resize', onChangeTextarea);
+ element.attr('rows', '1');
 
  scope.$on('$destroy', function() {
  angular.element($window).off('resize', onChangeTextarea);

diff --git a/src/components/input/input.scss b/src/components/input/input.scss
@@ -69,7 +69,7 @@ md-input-container {
  }
 
  textarea.md-input {
- min-height: 2 * $input-line-height + $input-border-width-focused + $input-padding-top;
+ min-height: $input-line-height;
  -ms-flex-preferred-size: auto; //IE fix
  }