From beb3b8db132b6aacf455d7886f1af394dce339f3 Mon Sep 17 00:00:00 2001
From: Sylvain Marroufin <marroufin.sylvain@gmail.com>
Date: Wed, 27 Apr 2022 18:34:46 +0200
Subject: [PATCH] fix(textarea): autoresize reactivity

---
 src/runtime/components/forms/Textarea.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/runtime/components/forms/Textarea.vue b/src/runtime/components/forms/Textarea.vue
index 4cbd04b82e..5b053b560d 100644
--- a/src/runtime/components/forms/Textarea.vue
+++ b/src/runtime/components/forms/Textarea.vue
@@ -19,7 +19,7 @@
 </template>
 
 <script>
-import { ref, computed, onMounted } from 'vue'
+import { ref, computed, watch, onMounted, nextTick } from 'vue'
 import { classNames } from '../../utils'
 import $ui from '#build/ui'
 
@@ -104,6 +104,10 @@ export default {
 
     const autoResize = () => {
       if (props.autoresize) {
+        if (!textarea.value) {
+          return
+        }
+
         textarea.value.rows = props.rows
 
         const styles = window.getComputedStyle(textarea.value)
@@ -126,6 +130,10 @@ export default {
       emit('update:modelValue', value)
     }
 
+    watch(() => props.modelValue, () => {
+      nextTick(autoResize)
+    })
+
     onMounted(() => {
       setTimeout(() => {
         autoFocus()