title: TextInputLayout as text area - Android
body: <p>I'm trying to create something like this in my app(taken from google docs):</p>
  
  <p><a href="https://i.stack.imgur.com/WfbbC.png" rel="noreferrer"><img src="https://i.stack.imgur.com/WfbbC.png" alt="enter image description here"></a></p>
  
  <p><a href="https://i.stack.imgur.com/dZTzA.png" rel="noreferrer"><img src="https://i.stack.imgur.com/dZTzA.png" alt="enter image description here"></a></p>
  
  <p>Now, I tried to create a <code>TextInputLayout</code> element and try to put border around it but I can't manage to get this to look like the images I posted.</p>
  
  <p>Here is my code for the <code>TextInputLayout</code>:</p>
  
  <pre><code>&lt;android.support.design.widget.TextInputLayout
          android:id="@+id/shipper_layout"
          android:layout_width="match_parent"
          android:layout_height="150dp"
          android:layout_marginLeft="8dp"
          android:layout_marginRight="8dp"
          android:layout_marginTop="8dp"
          android:background="@drawable/text_layout_stroke_normal"
          app:layout_constraintLeft_toLeftOf="parent"
          app:layout_constraintRight_toRightOf="parent"
          app:layout_constraintTop_toTopOf="parent"
          android:layout_marginStart="8dp"
          android:layout_marginEnd="8dp"&gt;
  
          &lt;EditText
              android:id="@+id/shipper_field"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:padding="15dp"
              android:background="@null"
              android:gravity="top"
              android:hint="@string/shipper_field"
              android:inputType="textMultiLine"
              android:overScrollMode="always"
              android:scrollbarStyle="insideInset"
              android:scrollbars="vertical" /&gt;
      &lt;/android.support.design.widget.TextInputLayout&gt;
  </code></pre>
  
  <p>Here is how it looks:
  (Before focused)</p>
  
  <p><a href="https://i.stack.imgur.com/iuBx5.png" rel="noreferrer"><img src="https://i.stack.imgur.com/iuBx5.png" alt="enter image description here"></a></p>
  
  <p><a href="https://i.stack.imgur.com/lwSXX.png" rel="noreferrer"><img src="https://i.stack.imgur.com/lwSXX.png" alt="enter image description here"></a></p>
  
  <p>You can see the border isn't change as expected and the hint is just minimized</p>