fix(VField): prevent tab focus on clear icon

fixes #19528

Author: KaelWD

packages/vuetify/src/components/VField/VField.tsx

@@ -353,13 +353,15 @@ export const VField = genericComponent<new <T>(
                       onFocus: focus,
                       onBlur: blur,
                       onClick: props['onClick:clear'],
+                      tabindex: -1,
                     },
                   })
                   : (
                     <InputIcon
                       name="clear"
                       onFocus={ focus }
                       onBlur={ blur }
+                      tabindex={ -1 }
                     />
                   )}
                 </VDefaultsProvider>

packages/vuetify/src/components/VInput/InputIcon.tsx

@@ -26,7 +26,7 @@ type Listeners<T extends {}, U = keyof T> = U extends `onClick:${infer V extends
 export function useInputIcon<T extends {}, K extends names = Listeners<T>> (props: T & InputIconProps<K>) {
   const { t } = useLocale()
 
-  function InputIcon ({ name, color }: { name: Extract<names, K>, color?: string }) {
+  function InputIcon ({ name, color, ...attrs }: { name: Extract<names, K>, color?: string }) {
     const localeKey = {
       prepend: 'prependAction',
       prependInner: 'prependAction',
@@ -55,6 +55,7 @@ export function useInputIcon<T extends {}, K extends names = Listeners<T>> (prop
         onClick={ listener }
         onKeydown={ onKeydown }
         color={ color }
+        { ...attrs }
       />
     )
   }