fix(VOverlay): ignore mouseenter events from touch devices

KaelWD · KaelWD · commit b86d05b87772 · 2023-04-12T21:08:20.000+10:00
diff --git a/packages/vuetify/src/components/VOverlay/useActivator.tsx b/packages/vuetify/src/components/VOverlay/useActivator.tsx
@@ -92,6 +92,8 @@ export function useActivator (
       isActive.value = !isActive.value
     },
     mouseenter: (e: MouseEvent) => {
+      if (e.sourceCapabilities?.firesTouchEvents) return
+
       isHovered = true
       activatorEl.value = (e.currentTarget || e.target) as HTMLElement
       runOpenDelay()
diff --git a/packages/vuetify/src/globals.d.ts b/packages/vuetify/src/globals.d.ts
@@ -65,6 +65,10 @@ declare global {
     ): void
   }
 
+  interface MouseEvent {
+    sourceCapabilities?: { firesTouchEvents: boolean }
+  }
+
   function parseInt(s: string | number, radix?: number): number
   function parseFloat(string: string | number): number
 

Original file line number	Diff line number	Diff line change
`@@ -65,6 +65,10 @@ declare global {`
`65`	`65`	`): void`
`66`	`66`	`}`
`67`	`67`
	`68`	`+ interface MouseEvent {`
	`69`	`+ sourceCapabilities?: { firesTouchEvents: boolean }`
	`70`	`+ }`
	`71`	`+`
`68`	`72`	`function parseInt(s: string \| number, radix?: number): number`
`69`	`73`	`function parseFloat(string: string \| number): number`
`70`	`74`