fix: use parentNode's ownerDocument

closes atomiks#862
5andu · Oct 10, 2020 · 2e803ef · 2e803ef
1 parent ea753de
commit 2e803ef
Showing 1 changed file with 10 additions and 4 deletions.
diff --git a/src/createTippy.ts b/src/createTippy.ts
@@ -66,7 +66,6 @@ export default function createTippy(
   let listeners: ListenerObject[] = [];
   let debouncedOnMouseMove = debounce(onMouseMove, props.interactiveDebounce);
   let currentTarget: Element;
-  const doc = getOwnerDocument(props.triggerTarget || reference);
 
   // ===========================================================================
   // 🔑 Public members
@@ -159,7 +158,7 @@ export default function createTippy(
       instance.props.interactive &&
       instance.props.trigger.indexOf('mouseenter') >= 0
     ) {
-      doc.addEventListener('mousemove', debouncedOnMouseMove);
+      getDocument().addEventListener('mousemove', debouncedOnMouseMove);
       debouncedOnMouseMove(event);
     }
   });
@@ -187,6 +186,11 @@ export default function createTippy(
     return currentTarget || reference;
   }
 
+  function getDocument(): Document {
+    const parent = getCurrentTarget().parentNode as Element;
+    return parent ? getOwnerDocument(parent) : document;
+  }
+
   function getDefaultTemplateChildren(): PopperChildren {
     return getChildren(popper);
   }
@@ -282,7 +286,7 @@ export default function createTippy(
   }
 
   function cleanupInteractiveMouseListeners(): void {
-    doc.removeEventListener('mousemove', debouncedOnMouseMove);
+    getDocument().removeEventListener('mousemove', debouncedOnMouseMove);
     mouseMoveListeners = mouseMoveListeners.filter(
       (listener) => listener !== debouncedOnMouseMove
     );
@@ -350,13 +354,15 @@ export default function createTippy(
   }
 
   function addDocumentPress(): void {
+    const doc = getDocument();
     doc.addEventListener('mousedown', onDocumentPress, true);
     doc.addEventListener('touchend', onDocumentPress, TOUCH_OPTIONS);
     doc.addEventListener('touchstart', onTouchStart, TOUCH_OPTIONS);
     doc.addEventListener('touchmove', onTouchMove, TOUCH_OPTIONS);
   }
 
   function removeDocumentPress(): void {
+    const doc = getDocument();
     doc.removeEventListener('mousedown', onDocumentPress, true);
     doc.removeEventListener('touchend', onDocumentPress, TOUCH_OPTIONS);
     doc.removeEventListener('touchstart', onTouchStart, TOUCH_OPTIONS);
@@ -1065,7 +1071,7 @@ export default function createTippy(
       );
     }
 
-    doc.addEventListener('mousemove', debouncedOnMouseMove);
+    getDocument().addEventListener('mousemove', debouncedOnMouseMove);
     pushIfUnique(mouseMoveListeners, debouncedOnMouseMove);
     debouncedOnMouseMove(event);
   }