nickzuber/meteorite
1
1
Fork 0
mirror of https://github.com/nickzuber/meteorite.git synced 2024-09-11 11:36:03 +03:00
Code Issues Packages Projects Releases Wiki Activity

Improve tooltip being unmounted

Browse Source
This commit is contained in:
Nicholas Zuber 2018-11-07 23:58:39 -05:00
parent 38f5db20a3
commit 71c45adb98
1 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/enhance/index.js
View File

@ -53,7 +53,7 @@ class Tooltip extends React.Component {
}, 500); }, 500);
} }
onMouseLeave = () => { removeTooltip = () => {
clearTimeout(this.timeout); clearTimeout(this.timeout);
const tooltipElement = this.getTooltipElement(); const tooltipElement = this.getTooltipElement();
if (tooltipElement) { if (tooltipElement) {
@ -64,16 +64,18 @@ class Tooltip extends React.Component {
render () { render () {
return this.props.children({ return this.props.children({
onMouseEnter: this.onMouseEnter, onMouseEnter: this.onMouseEnter,
onMouseLeave: this.onMouseLeave, onMouseLeave: this.removeTooltip,
onMouseDown: this.removeTooltip,
}); });
} }
} }
export const withTooltip = WrappedComponent => ({tooltip, tooltipOffsetX, tooltipOffsetY, ...props}) => ( export const withTooltip = WrappedComponent => ({tooltip, tooltipOffsetX, tooltipOffsetY, ...props}) => (
<Tooltip <Tooltip
message={tooltip} message={tooltip}
tooltipOffsetX={tooltipOffsetX} tooltipOffsetX={tooltipOffsetX}
tooltipOffsetY={tooltipOffsetY}> tooltipOffsetY={tooltipOffsetY}
>
{mouseEvents => tooltip ? ( {mouseEvents => tooltip ? (
<WrappedComponent {...props} {...mouseEvents} /> <WrappedComponent {...props} {...mouseEvents} />
) : ( ) : (