fixes #912

docs/resources/changelog.md

@@ -23,6 +23,7 @@ This release removes the `<sl-responsive-media>` component. When this component
 - Fixed a bug in `<sl-tree-item>` that prevented custom expand/collapse icons from rendering
 - Fixed a bug in `<sl-tree-item>` where the `expand-icon` and `collapse-icon` slots were reversed
 - Fixed a bug in `<sl-tree-item>` that prevented the keyboard from working after lazy loading [#882](https://github.com/shoelace-style/shoelace/issues/882)
+- Fixed a bug in `<sl-textarea>` that prevented the textarea from resizing automatically when setting the value programmatically [#912](https://github.com/shoelace-style/shoelace/discussions/912)
 - Fixed a handful of paths to prevent TypeScript from getting upset [#886](https://github.com/shoelace-style/shoelace/issues/886)
 - Fixed a bug in `<sl-radio-group>` where the `button-group__base` part was documented but not exposed [#909](https://github.com/shoelace-style/shoelace/discussions/909)
 - Upgraded the status of `<sl-animated-image>`, `<sl-popup>`, and `<sl-split-panel>` from experimental to stable

src/components/textarea/textarea.ts

@@ -235,7 +235,6 @@ export default class SlTextarea extends ShoelaceElement {
 
   handleInput() {
     this.value = this.input.value;
-    this.setTextareaHeight();
     emit(this, 'sl-input');
   }
 
@@ -247,6 +246,7 @@ export default class SlTextarea extends ShoelaceElement {
   @watch('value', { waitUntilFirstUpdate: true })
   handleValueChange() {
     this.invalid = !this.input.checkValidity();
+    this.updateComplete.then(() => this.setTextareaHeight());
   }
 
   setTextareaHeight() {