diff options
Diffstat (limited to 'src/ui/c-input-text/c-input-text.vue')
-rw-r--r-- | src/ui/c-input-text/c-input-text.vue | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/src/ui/c-input-text/c-input-text.vue b/src/ui/c-input-text/c-input-text.vue index 0f96b2a..b5f423d 100644 --- a/src/ui/c-input-text/c-input-text.vue +++ b/src/ui/c-input-text/c-input-text.vue @@ -82,12 +82,12 @@ const inputRef = ref<HTMLInputElement>(); const inputWrapperRef = ref<HTMLElement>(); watch( - value, - () => { + [value, autosize, multiline, inputWrapperRef, textareaRef], + () => nextTick(() => { if (props.multiline && autosize.value) { resizeTextarea(); } - }, + }), { immediate: true }, ); @@ -96,9 +96,9 @@ function resizeTextarea() { return; } - const { scrollHeight } = textareaRef.value; + const scrollHeight = textareaRef.value.scrollHeight + 2; - inputWrapperRef.value.style.height = `${scrollHeight + 2}px`; + inputWrapperRef.value.style.height = `${scrollHeight}px`; } const htmlInputType = computed(() => { |