Does Angular Material have built in autosizing for textareas?

angular textarea angular-material autosize
Dave Molinero picture Dave Molinero · Oct 24, 2017 · Viewed 13.1k times · Source

I am able to import MatTextareaAutosize from Angular Material, but I see nothing about it in the docs and have not found a way to use it.

I expected to use something like this:

<mat-form-field>
    <textarea matInput matAutosize></textarea>
</mat-form-field>

Is there a way to get autosizing text boxes with angular material?

Answer

Commercial Suicide picture Commercial Suicide · Oct 24, 2017

The answer is simple: it should be matTextareaAutosize, not just matAutosize: https://github.com/angular/material2/blob/master/src/material-examples/input-autosize-textarea/input-autosize-textarea-example.html

Caution! Apparently, this will be removed in version 7 and is currently deprecated https://material.angular.io/components/input/api#MatTextareaAutosize

PS: See also comment from @Simon_Weaver regarding the deprecation

Related questions

Get user input from textarea

I'm new to angular2. I want to store user input from a text area in a variable in my component so I can apply some logic to this input. I tried ngModel but it doesn't work. My code for the …

Read More
What is the Angular4 "Change" event trigger directive in Textarea

Here is one of the versions that I tried INSIDE TEXTAREA: (change)="dosomething($event)" and it's not doing anything. What is the directive for "change"?

Read More
Angular validation message for maxlength attribute

I'm having some trouble with displaying error messages for the maxlength attribute in Angular. Problem Since the maxlength attribute don't allow more characters than the specified amount, I'm having trouble displaying my error message. Is there any way to turn …

Read More