Actualmente, el siguiente código se está utilizando para cambiar el tamaño del área de texto
function autoResize(el){ while (el.scrollHeight > el.offsetHeight){ el.rows += 1; } }pero solo cambia de tamaño cuando paso el cursor sobre el área de texto
<textarea onmousemove="autoResize(this)"></textarea>Me gustaría hacer que cambie de tamaño automáticamente cuando abro la pantalla que tiene el área de texto. Ya intenté cambiar a onload pero sin éxito
export class TextAreaComponent extends OnInit { @ViewChild('textarea', { read: ElementRef,static:true }) textarea: ElementRef; @Input() value:string; rowCount: number; ngOnInit(): void { this._autoResize(this.textarea.nativeElement); } onKeyup(el) { this._autoResize(el); } private _autoResize(el) { while (el.scrollHeight > el.offsetHeight){ el.rows += 1; } } }y la plantilla del componente textarea podría verse así
<textarea #textarea [value]="!value ? '' : value" (keyup)="onKeyup(textarea)" ></textarea>He creado un código de muestra para ti. https://stackblitz.com/edit/angular-ivy-kxszjh?file=src%2Fapp%2Fapp.component.ts