Fixed #733 - Textarea does not auto resize its height when created

pull/800/head
Cagatay Civici 2020-12-09 17:03:33 +03:00
parent c30e0cdb23
commit 1c5fac7abe
1 changed files with 8 additions and 18 deletions

View File

@ -9,7 +9,6 @@ export default {
modelValue: null,
autoResize: Boolean
},
cachedScrollHeight: null,
mounted() {
if (this.$el.offsetParent && this.autoResize) {
this.resize();
@ -22,24 +21,15 @@ export default {
},
methods: {
resize() {
if (!this.cachedScrollHeight) {
this.cachedScrollHeight = this.$el.scrollHeight;
this.$el.style.overflow = "hidden";
this.$el.style.height = 'auto';
this.$el.style.height = this.$el.scrollHeight + 'px';
if (parseFloat(this.$el.style.height) >= parseFloat(this.$el.style.maxHeight)) {
this.$el.style.overflowY = "scroll";
this.$el.style.height = this.$el.style.maxHeight;
}
if (this.cachedScrollHeight !== this.$el.scrollHeight) {
this.$el.style.height = ''
this.$el.style.height = this.$el.scrollHeight + 'px';
if (parseFloat(this.$el.style.height) >= parseFloat(this.$el.style.maxHeight)) {
this.$el.style.overflowY = "scroll";
this.$el.style.height = this.$el.style.maxHeight;
}
else {
this.$el.style.overflow = "hidden";
}
this.cachedScrollHeight = this.$el.scrollHeight;
else {
this.$el.style.overflow = "hidden";
}
},
onInput(event) {