1.2.1

Author: wwayne

dist/react-tooltip.js

@@ -264,14 +264,16 @@ var ReactTooltip = function (_Component) {
   }, {
     key: 'checkStatus',
     value: function checkStatus(e) {
-      e.stopPropagation();
+      if (this.props.eventPropagationMode === 'bubble') {
+        e.stopPropagation();
+      }
       if (this.state.show && e.currentTarget.getAttribute('currentItem') === 'true') {
         this.hideTooltip(e);
       } else {
         e.currentTarget.setAttribute('currentItem', 'true');
         /* when click other place, the tooltip should be removed */
         window.removeEventListener('click', this.bindClickListener);
-        window.addEventListener('click', this.bindClickListener, false);
+        window.addEventListener('click', this.bindClickListener, this.props.eventPropagationMode === 'capture');
 
         this.showTooltip(e);
         this.setUntargetItems(e.currentTarget);
@@ -743,7 +745,12 @@ ReactTooltip.propTypes = {
   delayHide: _react.PropTypes.number,
   delayShow: _react.PropTypes.number,
   event: _react.PropTypes.any,
-  watchWindow: _react.PropTypes.bool
+  watchWindow: _react.PropTypes.bool,
+  eventPropagationMode: _react.PropTypes.oneOf(['bubble', 'capture'])
+};
+
+ReactTooltip.defaultProps = {
+  eventPropagationMode: 'bubble'
 };
 
 /* export default not fit for standalone, it will exports {default:...} */

dist/react-tooltip.min.js

@@ -47,7 +47,7 @@ const Test = React.createClass({
           <h4 className='title'>React Tooltip</h4>
           <div className='demonstration'>
             <a data-for='main' data-tip="Hello<br />multiline<br />tooltip">
-               ◕‿‿◕
+               ◕‿◕
             </a>
           </div>
           <div className='control-panel'>

example/src/index.js

@@ -1,6 +1,6 @@
 {
   "name": "react-tooltip",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "react tooltip component",
   "main": "index.js",
   "scripts": {

package.json

@@ -311,14 +311,16 @@ var ReactTooltip = function (_Component) {
   }, {
     key: 'checkStatus',
     value: function checkStatus(e) {
-      e.stopPropagation();
+      if (this.props.eventPropagationMode === 'bubble') {
+        e.stopPropagation();
+      }
       if (this.state.show && e.currentTarget.getAttribute('currentItem') === 'true') {
         this.hideTooltip(e);
       } else {
         e.currentTarget.setAttribute('currentItem', 'true');
         /* when click other place, the tooltip should be removed */
         window.removeEventListener('click', this.bindClickListener);
-        window.addEventListener('click', this.bindClickListener, false);
+        window.addEventListener('click', this.bindClickListener, this.props.eventPropagationMode === 'capture');
 
         this.showTooltip(e);
         this.setUntargetItems(e.currentTarget);
@@ -790,7 +792,12 @@ ReactTooltip.propTypes = {
   delayHide: _react.PropTypes.number,
   delayShow: _react.PropTypes.number,
   event: _react.PropTypes.any,
-  watchWindow: _react.PropTypes.bool
+  watchWindow: _react.PropTypes.bool,
+  eventPropagationMode: _react.PropTypes.oneOf(['bubble', 'capture'])
+};
+
+ReactTooltip.defaultProps = {
+  eventPropagationMode: 'bubble'
 };
 
 /* export default not fit for standalone, it will exports {default:...} */