fix: delegated event listener

src/components/Tooltip/use-tooltip-events.tsx

@@ -196,12 +196,12 @@ const useTooltipEvents = ({
   const dataTooltipId = anchorSelector ? parseDataTooltipIdSelector(anchorSelector) : null
 
   resolveAnchorElementRef.current = (target: EventTarget | null) => {
-    const targetElement = target as HTMLElement | null
-
-    if (!targetElement?.isConnected) {
+    if (!(target instanceof Element) || !target.isConnected) {
       return null
     }
 
+    const targetElement = target
+
     if (dataTooltipId) {
       const matchedAnchor = resolveDataTooltipAnchor(targetElement, dataTooltipId)
 

src/test/tooltip-interaction-behavior.spec.js

@@ -304,4 +304,22 @@ describe('tooltip interaction behavior', () => {
 
     addEventListenerSpy.mockRestore()
   })
+
+  test('ignores synthetic mouseover events targeting document', () => {
+    render(
+      <>
+        <span data-tooltip-id="document-target-test">Hover Me</span>
+        <TooltipController id="document-target-test" content="Document Target Test" />
+      </>,
+    )
+
+    expect(() => {
+      act(() => {
+        document.dispatchEvent(new MouseEvent('mouseover', { bubbles: true }))
+      })
+      advanceTimers(60)
+    }).not.toThrow()
+
+    expect(document.getElementById('document-target-test')).not.toBeInTheDocument()
+  })
 })

src/utils/resolve-data-tooltip-anchor.ts

@@ -1,8 +1,8 @@
-function resolveDataTooltipAnchor(targetElement: HTMLElement, tooltipId: string) {
-  let currentElement: HTMLElement | null = targetElement
+function resolveDataTooltipAnchor(targetElement: Element, tooltipId: string) {
+  let currentElement: Element | null = targetElement
 
   while (currentElement) {
-    if (currentElement.dataset.tooltipId === tooltipId) {
+    if (currentElement instanceof HTMLElement && currentElement.dataset.tooltipId === tooltipId) {
       return currentElement
     }
     currentElement = currentElement.parentElement