From ebd48528cd5f3e2ea82ff89ea6735f6f38121434 Mon Sep 17 00:00:00 2001 From: Dominik Pschenitschni Date: Fri, 16 Dec 2022 16:29:33 +0100 Subject: [PATCH] fix(useTextareaAutosize): support changes of element width (#2541) --- packages/core/useTextareaAutosize/index.ts | 3 +++ 1 file changed, 3 insertions(+) diff --git a/packages/core/useTextareaAutosize/index.ts b/packages/core/useTextareaAutosize/index.ts index 9f04364f5be..bc313e99512 100644 --- a/packages/core/useTextareaAutosize/index.ts +++ b/packages/core/useTextareaAutosize/index.ts @@ -1,6 +1,7 @@ import type { MaybeRef } from '@vueuse/shared' import type { WatchSource } from 'vue-demi' import { ref, watch } from 'vue-demi' +import useResizeObserver from '../useResizeObserver' export interface UseTextareaAutosizeOptions { /** Textarea element to autosize. */ @@ -29,6 +30,8 @@ export function useTextareaAutosize(options?: UseTextareaAutosizeOptions) { watch([input, textarea], triggerResize, { immediate: true }) + useResizeObserver(textarea, () => triggerResize()) + if (options?.watch) watch(options.watch, triggerResize, { immediate: true, deep: true })