fix(useGraceArea): catching target not existing for grace area (#1780)

Ericlm · zernonia · web-flow · commit 65770dd4f24e · 2025-03-31T18:29:56.000+08:00
* fix: catching target not existing for grace area

* chore: change to use instanceof

---------

Co-authored-by: zernonia &lt;zernonia@gmail.com&gt;
diff --git a/packages/core/src/shared/useGraceArea.ts b/packages/core/src/shared/useGraceArea.ts
@@ -43,9 +43,10 @@ export function useGraceArea(triggerElement: Ref<HTMLElement | undefined>, conta
   watchEffect((cleanupFn) => {
     if (pointerGraceArea.value) {
       const handleTrackPointerGrace = (event: PointerEvent) => {
-        if (!pointerGraceArea.value)
+        if (!pointerGraceArea.value || !(event.target instanceof HTMLElement))
           return
-        const target = event.target as HTMLElement
+
+        const target = event.target
         const pointerPosition = { x: event.clientX, y: event.clientY }
         const hasEnteredTarget = triggerElement.value?.contains(target) || containerElement.value?.contains(target)
         const isPointerOutsideGraceArea = !isPointInPolygon(pointerPosition, pointerGraceArea.value)
