fix(VField): stopPropagation on Mousedown event for clearable icon

fixes #16925
vuetifyjs · Mar 18, 2023 · 0bbcf9e · 0bbcf9e
1 parent 9532d7e
commit 0bbcf9e
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/packages/vuetify/src/components/VField/VField.tsx b/packages/vuetify/src/components/VField/VField.tsx
@@ -196,6 +196,10 @@ export const VField = genericComponent<new <T>() => {
       }
     }
 
+    function onClearableMousedown (e: MouseEvent) {
+      e.stopPropagation()
+    }
+
     useRender(() => {
       const isOutlined = props.variant === 'outlined'
       const hasPrepend = (slots['prepend-inner'] || props.prependInnerIcon)
@@ -291,6 +295,7 @@ export const VField = genericComponent<new <T>() => {
               <div
                 class="v-field__clearable"
                 v-show={ props.dirty }
+                onMousedown={ onClearableMousedown }
               >
                 { slots.clear
                   ? slots.clear()