wip resize on value change

Author: jelbourn

package.json

@@ -48,6 +48,7 @@
     "@types/minimist": "^1.1.28",
     "@types/node": "^6.0.34",
     "@types/run-sequence": "0.0.27",
+    "@types/rx": "^2.5.33",
     "browserstacktunnel-wrapper": "^2.0.0",
     "conventional-changelog": "^1.1.0",
     "express": "^4.14.0",

src/lib/input/autosize.ts

@@ -1,4 +1,4 @@
-import {Directive, ElementRef, Input, OnInit} from '@angular/core';
+import {Directive, ElementRef, Input, OnInit, NgZone} from '@angular/core';
 
 
 /**
@@ -19,10 +19,24 @@ export class MdTextareaAutosize implements OnInit {
   /** Maximum number of rows for this textarea. */
   @Input() maxRows: number;
 
+  /** The value of the textarea. */
+  private _value: string;
+
+  @Input()
+  get value() { return this._value }
+  set value(newValue: string) {
+    this._value = newValue;
+
+    // Wait for the DOM to be updated with the new value before resizing.
+    this._ngZone.runOutsideAngular(() => {
+      this._ngZone.onStable.first().subscribe(() => this.resizeToFitContent());
+    });
+  }
+
   /** Cached height of a textarea with a single row. */
   private _cachedLineHeight: number;
 
-  constructor(private _elementRef: ElementRef) { }
+  constructor(private _elementRef: ElementRef, private _ngZone: NgZone) { }
 
   /** The minimum height of the textarea as determined by minRows. */
   get _minHeight() {
@@ -58,9 +72,11 @@ export class MdTextareaAutosize implements OnInit {
     // would affect the height.
     textareaClone.style.position = 'absolute';
     textareaClone.style.visibility = 'hidden';
+    textareaClone.style.border = 'none';
     textareaClone.style.padding = '';
-    textareaClone.style.minHeight = '';
     textareaClone.style.height = '';
+    textareaClone.style.minHeight = '';
+    textareaClone.style.maxHeight = '';
 
     textarea.parentNode.appendChild(textareaClone);
     this._cachedLineHeight = textareaClone.offsetHeight;

src/lib/tsconfig.json

@@ -22,7 +22,8 @@
       "../../node_modules/@types"
     ],
     "types": [
-      "jasmine"
+      "jasmine",
+      "rx/rx.all"
     ]
   },
   "angularCompilerOptions": {