From df4b39fc976488e12e6f2917122e2768b9d86f89 Mon Sep 17 00:00:00 2001
From: Andrew Graves <agraves@codecademy.com>
Date: Thu, 29 Feb 2024 09:48:41 -0500
Subject: [PATCH] add handleShowHideAction to the tooltip popover element

---
 .../gamut/src/ToolTip/FloatingToolTip.tsx     | 36 ++++++++++---------
 1 file changed, 19 insertions(+), 17 deletions(-)

diff --git a/packages/gamut/src/ToolTip/FloatingToolTip.tsx b/packages/gamut/src/ToolTip/FloatingToolTip.tsx
index 93d6220d49..608bbd973d 100644
--- a/packages/gamut/src/ToolTip/FloatingToolTip.tsx
+++ b/packages/gamut/src/ToolTip/FloatingToolTip.tsx
@@ -78,23 +78,25 @@ export const FloatingToolTip: React.FC<ToolTipPlacementComponentProps> = ({
       >
         {target}
       </TargetContainer>
-      <Popover
-        {...popoverAlignments}
-        animation="fade"
-        aria-live="polite"
-        horizontalOffset={offset}
-        isOpen={isOpen}
-        outline
-        role="tooltip"
-        variant="secondary"
-        skipFocusTrap
-        targetRef={ref}
-        widthRestricted={widthMode === 'standard'}
-      >
-        <FlexBox id={id} alignItems="flex-start" flexDirection="column">
-          {children}
-        </FlexBox>
-      </Popover>
+      <TargetContainer onMouseEnter={(e) => handleShowHideAction(e)}>
+        <Popover
+          {...popoverAlignments}
+          animation="fade"
+          aria-live="polite"
+          horizontalOffset={offset}
+          isOpen={isOpen}
+          outline
+          role="tooltip"
+          variant="secondary"
+          skipFocusTrap
+          targetRef={ref}
+          widthRestricted={widthMode === 'standard'}
+        >
+          <FlexBox id={id} alignItems="flex-start" flexDirection="column">
+            {children}
+          </FlexBox>
+        </Popover>
+      </TargetContainer>
     </Box>
   );
 };