Merge pull request #259 from Ubiatar/master

Track removal of DOM elements

Author: huumanoid

src/index.js

@@ -89,6 +89,7 @@ class ReactTooltip extends Component {
     this.bind([
       'showTooltip',
       'updateTooltip',
+      'checkSameTarget',
       'hideTooltip',
       'globalRebuild',
       'globalShow',
@@ -183,6 +184,7 @@ class ReactTooltip extends Component {
         target.addEventListener('mousemove', this.updateTooltip, isCaptureMode)
       }
       target.addEventListener('mouseleave', this.hideTooltip, isCaptureMode)
+      target.addEventListener('DOMNodeRemovedFromDocument', this.checkSameTarget, isCaptureMode)
     })
 
     // Global event to hide tooltip
@@ -216,6 +218,7 @@ class ReactTooltip extends Component {
     target.removeEventListener('mouseenter', this.showTooltip, isCaptureMode)
     target.removeEventListener('mousemove', this.updateTooltip, isCaptureMode)
     target.removeEventListener('mouseleave', this.hideTooltip, isCaptureMode)
+    target.removeEventListener('DOMNodeRemovedFromDocument', this.checkSameTarget, isCaptureMode)
   }
 
   /**
@@ -332,6 +335,12 @@ class ReactTooltip extends Component {
     }
   }
 
+  checkSameTarget (e) {
+    if (this.state.currentTarget === e.currentTarget) {
+      this.hideTooltip(e)
+    }
+  }
+
   /**
    * When mouse leave, hide tooltip
    */
@@ -440,15 +449,15 @@ class ReactTooltip extends Component {
     if (html) {
       return (
         <wrapper className={`${tooltipClass} ${extraClass}`}
-          {...ariaProps}
-          data-id='tooltip'
-          dangerouslySetInnerHTML={{__html: placeholder}}></wrapper>
+                 {...ariaProps}
+                 data-id='tooltip'
+                 dangerouslySetInnerHTML={{__html: placeholder}}></wrapper>
       )
     } else {
       return (
         <wrapper className={`${tooltipClass} ${extraClass}`}
-          {...ariaProps}
-          data-id='tooltip'>{placeholder}</wrapper>
+                 {...ariaProps}
+                 data-id='tooltip'>{placeholder}</wrapper>
       )
     }
   }