Basculer le redimensionnement sur les zones matérielles après avoir rempli le texte

Dis que j'ai ceci:

<div class="row">
<form class="col s12">
<div class="row">
<div class="input-field col s12">
<textarea id="textarea1" class="materialize-textarea"></textarea>
<label for="textarea1">Textarea</label>
</div>
</div>
</form>
</div>

et dire qu'une partie de mon code, je lance ceci:

$("#textarea1").text(someverylongstring)

Le problème avec ceci est que mon textarea restera"petit" jusqu'à ce que je clique dessus et sur la flèche vers le bas pour découvrir le texte que j'ai ajouté. Lorsque le fond est trouvé, la zone de texte se développe automatiquement sur une zone de texte plus grande pour accueillir le contenu. Ma question est la suivante: après avoir ajouté le texte à la zone de texte, existe-t-il un moyen de forcer le basculement de l’aspect redimensionné de l’élément?

Réponses:

Avez-vous essayé la note avancée de leur docs?

Lors de la modification dynamique de la valeur d’une zone de texteavec des méthodes telles que jQuery "s .val (), vous devez déclencher une redimensionnement automatique sur celui-ci parce que .val () ne déclenche pas automatiquement les événements que nous" avons liés à textarea.

Donc, après avoir ajouté votre très long texte, vous appelez ceci:

$("#textarea1").trigger("autoresize");