fix: add click away listener to tooltips

This commit is contained in:
José Oliveira 2022-07-12 18:09:56 +01:00 committed by Rafael
parent a29f3fc13c
commit 6113015756

View file

@ -69,11 +69,10 @@ const HoverableTooltip = memo(({ parentElements, children, width }) => {
const handler = usePopperHandler(width)
return (
<ClickAwayListener onClickAway={handler.handleCloseHelpPopper}>
<div>
{!R.isNil(parentElements) && (
<div
onMouseEnter={handler.handleOpenHelpPopper}
onMouseLeave={handler.handleCloseHelpPopper}>
<div onMouseEnter={handler.handleOpenHelpPopper}>
{parentElements}
</div>
)}
@ -81,7 +80,6 @@ const HoverableTooltip = memo(({ parentElements, children, width }) => {
<button
type="button"
onMouseEnter={handler.handleOpenHelpPopper}
onMouseLeave={handler.handleCloseHelpPopper}
className={handler.classes.transparentButton}>
<HelpIcon />
</button>
@ -93,6 +91,7 @@ const HoverableTooltip = memo(({ parentElements, children, width }) => {
<div className={handler.classes.popoverContent}>{children}</div>
</Popper>
</div>
</ClickAwayListener>
)
})