Merge pull request #30 from bucketsec/bugfix/blinking_fix

Fixed blinking issue

Author: cht8687

src/ReactHover.js

@@ -49,7 +49,9 @@ class ReactHover extends Component {
           }))
         } else if (child.type.name === 'Hover' || child.props.type === 'hover') {
           childrenWithProps.push(React.cloneElement(child, {
-            styles: hoverComponentStyle
+            styles: hoverComponentStyle,
+            setVisibility: this.setVisibility.bind(this),
+            getCursorPos: this.getCursorPos.bind(this)
           }))
         }
       }

src/lib/Hover.js

@@ -5,15 +5,37 @@ export default class Hover extends Component {
   static propTypes = {
     type: PropTypes.string,
     children: PropTypes.object,
-    styles: PropTypes.object
-  }
+    styles: PropTypes.object,
+    setVisibility: PropTypes.func,
+    getCursorPos: PropTypes.func
+  };
 
   render () {
     const { styles } = this.props.children.props
     return (
-      <div style={styles}>
+      <div
+        onMouseOver={this.onMouseOver.bind(this)}
+        onMouseOut={this.onMouseOut.bind(this)}
+        onMouseMove={this.onMouseMove.bind(this)}
+        style={styles}
+      >
         {this.props.children.props.children}
       </div>
     )
   }
+
+  onMouseOver () {
+    const { setVisibility } = this.props.children.props
+    setVisibility(true)
+  }
+
+  onMouseOut () {
+    const { setVisibility } = this.props.children.props
+    setVisibility(false)
+  }
+
+  onMouseMove (e) {
+    const { getCursorPos } = this.props.children.props
+    getCursorPos(e)
+  }
 }