Merge pull request #1741 from RafaelTaranto/backport/click-away-on-tooltip

LAM-516 fix: add click away listener to tooltips
This commit is contained in:
Rafael Taranto 2024-11-29 08:25:15 +00:00 committed by GitHub
commit 7372f10288

View file

@ -90,11 +90,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>
)}
@ -102,7 +101,6 @@ const HoverableTooltip = memo(({ parentElements, children, width }) => {
<button
type="button"
onMouseEnter={handler.handleOpenHelpPopper}
onMouseLeave={handler.handleCloseHelpPopper}
className={handler.classes.transparentButton}>
<HelpIcon />
</button>
@ -114,6 +112,7 @@ const HoverableTooltip = memo(({ parentElements, children, width }) => {
<div className={handler.classes.popoverContent}>{children}</div>
</Popper>
</div>
</ClickAwayListener>
)
})