fix(comp:select): when input change multiply model input width is err…

…or (#1829)
IDuxFE · Jan 25, 2024 · 91c1f34 · 91c1f34
1 parent 8d1e463
commit 91c1f34
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/packages/components/_private/selector/src/composables/useInputState.ts b/packages/components/_private/selector/src/composables/useInputState.ts
@@ -7,7 +7,7 @@
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
 
-import { type ComputedRef, type Ref, onMounted, ref } from 'vue'
+import { type ComputedRef, type Ref, onMounted, ref, watch } from 'vue'
 
 import { callEmit } from '@idux/cdk/utils'
 import { useFormFocusMonitor } from '@idux/components/form'
@@ -108,6 +108,11 @@ export function useInputState(props: SelectorProps, mergedSearchable: ComputedRe
   }
 
   onMounted(() => syncMirrorWidth())
+  watch(mirrorRef, val => {
+    if (val) {
+      syncMirrorWidth()
+    }
+  })
 
   return {
     inputRef,