fix(useTextareaAutosize): support changes of element width (#2541)

vueuse · Dec 16, 2022 · ebd4852 · ebd4852
1 parent 8bb7b50
commit ebd4852
Showing 1 changed file with 3 additions and 0 deletions.
diff --git 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 })