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:
commit
7372f10288
1 changed files with 23 additions and 24 deletions
|
|
@ -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>
|
||||
)
|
||||
})
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue