Fixed #847 - Textarea autoresize does not respect its border

primefaces · Jan 20, 2021 · 5f87373 · 5f87373
1 parent 1937999
commit 5f87373
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/components/textarea/Textarea.vue b/src/components/textarea/Textarea.vue
@@ -21,8 +21,9 @@ export default {
     },
     methods: {
         resize() {
+            const style = window.getComputedStyle(this.$el);
             this.$el.style.height = 'auto';
-            this.$el.style.height = this.$el.scrollHeight + 'px';
+            this.$el.style.height = `calc(${style.borderTopWidth} + ${style.borderBottomWidth} + ${this.$el.scrollHeight}px)`;
             
             if (parseFloat(this.$el.style.height) >= parseFloat(this.$el.style.maxHeight)) {
                 this.$el.style.overflowY = "scroll";