diff --git a/x-pack/plugins/security_solution/public/common/components/with_hover_actions/index.tsx b/x-pack/plugins/security_solution/public/common/components/with_hover_actions/index.tsx index 58baa95310f85..f7fb39a8f7c6d 100644 --- a/x-pack/plugins/security_solution/public/common/components/with_hover_actions/index.tsx +++ b/x-pack/plugins/security_solution/public/common/components/with_hover_actions/index.tsx @@ -145,6 +145,8 @@ export const WithHoverActions = React.memo( }, [closePopOverTrigger]); // NOTE: the `closePopOverTrigger` dependency here will close the hover menu whenever `closePopOverTrigger` changes useEffect(() => { + // in case of dynamic content i.e when the value of hoverContent changes, + // we will try to reposition the popover so that the content does not collide with screen edge. if (isOpen) popoverRef?.current?.positionPopoverFluid(); }, [hoverContent, isOpen]);