Merge pull request #6630 from KumJungMin/fix/issue-4510

fix(TextArea): autoResize issue with v-show by implementing ResizeObserver
primefaces · Nov 13, 2024 · aa92d01 · aa92d01
2 parents 2780f5a + 656ac72
commit aa92d01
Showing 1 changed file with 13 additions and 3 deletions.
diff --git a/packages/primevue/src/textarea/Textarea.vue b/packages/primevue/src/textarea/Textarea.vue
@@ -11,17 +11,27 @@ export default {
     extends: BaseTextarea,
     inheritAttrs: false,
     mounted() {
-        if (this.$el.offsetParent && this.autoResize) {
-            this.resize();
+        if (this.autoResize) {
+            this.observer = new ResizeObserver(() => {
+                this.resize();
+            });
+            this.observer.observe(this.$el);
         }
     },
     updated() {
-        if (this.$el.offsetParent && this.autoResize) {
+        if (this.autoResize) {
             this.resize();
         }
     },
+    beforeUnmount() {
+        if (this.observer) {
+            this.observer.disconnect();
+        }
+    },
     methods: {
         resize() {
+            if (!this.$el.offsetParent) return;
+
             this.$el.style.height = 'auto';
             this.$el.style.height = this.$el.scrollHeight + 'px';