diff --git a/src/index.js b/src/index.js index fb32612a..077ad852 100644 --- 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 index 5be5ab3b..c6cb9347 100644 --- 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,