From 209aeeda2be383da115311224d4f7c176043d746 Mon Sep 17 00:00:00 2001
From: gettinToasty <sean.beyer@streamlabs.com>
Date: Mon, 25 Mar 2024 13:50:17 -0700
Subject: [PATCH] Fix livedock tooltips (#4915)

---
 app/components-react/root/LiveDock.tsx  | 18 +++++++++++++++---
 app/components-react/shared/Tooltip.tsx |  3 +++
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/app/components-react/root/LiveDock.tsx b/app/components-react/root/LiveDock.tsx
index 17d099a1ed8b..d53c84a56ad7 100644
--- a/app/components-react/root/LiveDock.tsx
+++ b/app/components-react/root/LiveDock.tsx
@@ -382,17 +382,29 @@ function LiveDock(p: { onLeft: boolean }) {
             <div className={styles.liveDockInfo}>
               <div className={styles.liveDockPlatformTools}>
                 {ctrl.canEditChannelInfo && (
-                  <Tooltip title={$t('Edit your stream title and description')} placement="right">
+                  <Tooltip
+                    title={$t('Edit your stream title and description')}
+                    placement="right"
+                    autoAdjustOverflow={false}
+                  >
                     <i onClick={() => ctrl.showEditStreamInfo()} className="icon-edit" />
                   </Tooltip>
                 )}
                 {isPlatform(['youtube', 'facebook', 'trovo', 'tiktok']) && isStreaming && (
-                  <Tooltip title={$t('View your live stream in a web browser')} placement="right">
+                  <Tooltip
+                    title={$t('View your live stream in a web browser')}
+                    placement="right"
+                    autoAdjustOverflow={false}
+                  >
                     <i onClick={() => ctrl.openPlatformStream()} className="icon-studio" />
                   </Tooltip>
                 )}
                 {isPlatform(['youtube', 'facebook', 'tiktok']) && isStreaming && (
-                  <Tooltip title={$t('Go to Live Dashboard')} placement="right">
+                  <Tooltip
+                    title={$t('Go to Live Dashboard')}
+                    placement="right"
+                    autoAdjustOverflow={false}
+                  >
                     <i onClick={() => ctrl.openPlatformDash()} className="icon-settings" />
                   </Tooltip>
                 )}
diff --git a/app/components-react/shared/Tooltip.tsx b/app/components-react/shared/Tooltip.tsx
index 8445ef0764d4..243ecb54eb7b 100644
--- a/app/components-react/shared/Tooltip.tsx
+++ b/app/components-react/shared/Tooltip.tsx
@@ -27,6 +27,7 @@ interface ITooltipTipProps {
   placement?: TTipPosition;
   content?: HTMLElement | boolean;
   disabled?: boolean;
+  autoAdjustOverflow?: boolean;
 }
 
 export default function Tooltip(props: PropsWithChildren<ITooltipTipProps>) {
@@ -40,6 +41,7 @@ export default function Tooltip(props: PropsWithChildren<ITooltipTipProps>) {
     placement = 'bottom',
     content,
     disabled = false,
+    autoAdjustOverflow = true,
   } = props;
 
   return (
@@ -62,6 +64,7 @@ export default function Tooltip(props: PropsWithChildren<ITooltipTipProps>) {
           getPopupContainer={triggerNode => triggerNode}
           mouseLeaveDelay={0.1}
           trigger={['hover', 'focus', 'click']}
+          autoAdjustOverflow={autoAdjustOverflow}
         >
           {content}
           {{ ...props }.children}