fix(QInput): keep total control size while calculating textarea autog…

…row size (#5214) close #5207
quasarframework · Oct 3, 2019 · 0828561 · 0828561
1 parent b89df7c
commit 0828561
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/ui/src/components/input/QInput.js b/ui/src/components/input/QInput.js
@@ -167,8 +167,15 @@ export default Vue.extend({
     __adjustHeight () {
       const inp = this.$refs.input
       if (inp !== void 0) {
+        const parentStyle = inp.parentNode.style
+
+        // reset height of textarea to a small size to detect the real height
+        // but keep the total control size the same
+        parentStyle.marginBottom = (inp.scrollHeight - 1) + 'px'
         inp.style.height = '1px'
+
         inp.style.height = inp.scrollHeight + 'px'
+        parentStyle.marginBottom = ''
       }
     },