CODEWITHSUNDEEP
cssangular-material
m4ch1n3ry
m4ch1n3ry

Reputation: 47

How to disable textarea matInput resizing?

With pure textarea i can disable resizing with textarea {resize: none;} But with textarea matInput it doesn't work. Is it possible to disable resizing for Angular Material textarea?

Upvotes: 1

Views: 3147

Answers (1)

redpeaks
redpeaks

Reputation: 304

How about adding style="resize: none;" on html code?

<p>
  <mat-form-field style="border: 1px solid black">
    <textarea style="resize: none;" matInput>can NOT resize</textarea>
  </mat-form-field>
</p>

enter image description here

<p>
  <mat-form-field style="border: 1px solid black">
    <textarea matInput>can resize</textarea>
  </mat-form-field>
</p>

enter image description here

Upvotes: 5

Related Questions