title: Angular Material mat-form-field Placeholder text on multiple lines
body: <p>I use a regular <code>mat-form-field</code> with a <code>textarea</code> inside. My issue is that the placeholder text for this Textarea is rather long. In mobile, where space is more limited, this placeholder text is truncated by Angular Material with an ellipsis.</p>
  
  <p>I would like to have the placeholder text adjust to space restrictions by shifting down onto the next line. So, for example, instead of:</p>
  
  <pre><code>This is a really long text and it cannot fit on a single li...
  </code></pre>
  
  <p>I would like:</p>
  
  <pre><code>This is a really long text and it cannot fit on a single
  line
  </code></pre>
  
  <p>I have already tried various approaches to changing the CSS of the <code>mat-input-placeholder</code> and <code>mat-input-placeholder-wrapper</code>, with no success. I know that part of the solution involves changing the text-overflow property (below), but I can't get the other parts.</p>
  
  <pre><code>::ng-deep .mat-input-placeholder {
    text-overflow: clip;
  }
  </code></pre>
  
  <p>Can anyone help?</p>
  
  <p>Thanks!</p>