From cb6b85345c012715048d3c9dd2061962f84db8e8 Mon Sep 17 00:00:00 2001
From: keyan <keyan.kousha+huumn@gmail.com>
Date: Fri, 12 Jul 2024 10:15:57 -0500
Subject: [PATCH] attempt fix for popovers

---
 components/action-tooltip.js    | 11 +++++++++--
 components/hoverable-popover.js |  8 ++++++++
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/components/action-tooltip.js b/components/action-tooltip.js
index ff5603e1..a6ca4ea6 100644
--- a/components/action-tooltip.js
+++ b/components/action-tooltip.js
@@ -15,14 +15,21 @@ export default function ActionTooltip ({ children, notForm, disable, overlayText
     <OverlayTrigger
       placement={placement || 'bottom'}
       overlay={
-        <Tooltip>
+        <Tooltip style={{ position: 'fixed' }}>
           {overlayText}
         </Tooltip>
       }
       trigger={['hover', 'focus']}
       show={formik?.isSubmitting ? false : undefined}
+      popperConfig={{
+        modifiers: {
+          preventOverflow: {
+            enabled: false
+          }
+        }
+      }}
     >
-      <span>
+      <span className='d-inline-block'>
         {children}
       </span>
     </OverlayTrigger>
diff --git a/components/hoverable-popover.js b/components/hoverable-popover.js
index d925e479..57fa1a36 100644
--- a/components/hoverable-popover.js
+++ b/components/hoverable-popover.js
@@ -26,12 +26,20 @@ export default function HoverablePopover ({ id, trigger, body, onShow }) {
       show={showOverlay}
       placement='bottom'
       onHide={handleMouseLeave}
+      popperConfig={{
+        modifiers: {
+          preventOverflow: {
+            enabled: false
+          }
+        }
+      }}
       overlay={
         <Popover
           onPointerEnter={handleMouseEnter}
           onPointerLeave={handleMouseLeave}
           onMouseLeave={handleMouseLeave}
           className={styles.HoverablePopover}
+          style={{ position: 'fixed' }}
         >
           <Popover.Body className={styles.HoverablePopover}>
             {body}