From 7cff349c6c7aeeef6d6f6ad14de4944aed0ec577 Mon Sep 17 00:00:00 2001
From: mmalerba <mmalerba@google.com>
Date: Mon, 27 Mar 2017 16:38:44 -0700
Subject: [PATCH] fix(input): baseline alignment on textarea (#3714)

* fix(input): baseline alignment on textarea

* add mdTextareaAutosize to baseline demo
---
 src/demo-app/baseline/baseline-demo.html | 12 ++++++++++--
 src/lib/input/input-container.scss       |  3 +++
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/demo-app/baseline/baseline-demo.html b/src/demo-app/baseline/baseline-demo.html
index 707b445e3c22..cfcf7e6470ee 100644
--- a/src/demo-app/baseline/baseline-demo.html
+++ b/src/demo-app/baseline/baseline-demo.html
@@ -11,7 +11,11 @@
     <md-radio-button value="option_3">Radio 3</md-radio-button>
     | Text 4 |
     <md-input-container>
-      <input mdInput placeholder="Input">
+      <input mdInput placeholder="Input" value="Text Input">
+    </md-input-container>
+    | Text 5 |
+    <md-input-container>
+      <textarea mdInput placeholder="Input" mdTextareaAutosize>Textarea&#10;Line 2</textarea>
     </md-input-container>
     | Text After
   </md-card-content>
@@ -31,7 +35,11 @@ <h1>
       <md-radio-button value="option_3">Radio 3</md-radio-button>
       | Text 4 |
       <md-input-container>
-        <input mdInput placeholder="Input">
+        <input mdInput placeholder="Input" value="Text Input">
+      </md-input-container>
+      | Text 5 |
+      <md-input-container>
+        <textarea mdInput placeholder="Input" mdTextareaAutosize>Textarea&#10;Line 2</textarea>
       </md-input-container>
       | Text After
     </h1>
diff --git a/src/lib/input/input-container.scss b/src/lib/input/input-container.scss
index 1453f5b8cfd8..b43c8b6f149b 100644
--- a/src/lib/input/input-container.scss
+++ b/src/lib/input/input-container.scss
@@ -84,6 +84,9 @@ $mat-input-underline-disabled-background-image:
   padding: 0;
   width: 100%;
 
+  // Needed to make last line of the textarea line up with the baseline.
+  vertical-align: bottom;
+
   .mat-end & {
     text-align: right;