feat(clickable-prop): add clickable prop

add clickable prop which enables tooltip to respond to mouse (or touch) events fix ReactTooltip#417
jafin · Mar 6, 2019 · a75b2be · a75b2be
1 parent 9e876e1
commit a75b2be
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/src/index.js b/src/index.js
@@ -57,13 +57,15 @@ class ReactTooltip extends React.Component {
     disable: PropTypes.bool,
     scrollHide: PropTypes.bool,
     resizeHide: PropTypes.bool,
-    wrapper: PropTypes.string
+    wrapper: PropTypes.string,
+    clickable: PropTypes.bool
   };
 
   static defaultProps = {
     insecure: true,
     resizeHide: true,
-    wrapper: 'div'
+    wrapper: 'div',
+    clickable: false
   };
 
   static supportedWrappers = ['div', 'span'];
@@ -539,7 +541,8 @@ class ReactTooltip extends React.Component {
       {'type-error': this.state.type === 'error'},
       {'type-info': this.state.type === 'info'},
       {'type-light': this.state.type === 'light'},
-      {'allow_hover': this.props.delayUpdate}
+      {'allow_hover': this.props.delayUpdate},
+      {'allow_click': this.props.clickable}
     )
 
     let Wrapper = this.props.wrapper

diff --git a/src/index.scss b/src/index.scss
@@ -67,7 +67,8 @@
   top: -999em;
   visibility: hidden;
   z-index: 999;
-  &.allow_hover {
+  &.allow_hover,
+  &.allow_click {
     pointer-events:auto;
   }
   &:before,