From ce5f7ba31775276983d09b4036f9bd78562dbd06 Mon Sep 17 00:00:00 2001
From: Robert Pintilii <robert.pin9@gmail.com>
Date: Mon, 27 Mar 2023 11:29:12 +0300
Subject: [PATCH] fix(tooltip) Don't show on small screens (#13113)

---
 react/features/base/tooltip/components/Tooltip.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/react/features/base/tooltip/components/Tooltip.tsx b/react/features/base/tooltip/components/Tooltip.tsx
index 58cdb543de..b7f5bbe3e6 100644
--- a/react/features/base/tooltip/components/Tooltip.tsx
+++ b/react/features/base/tooltip/components/Tooltip.tsx
@@ -58,6 +58,7 @@ const Tooltip = ({ containerClassName, content, children, position = 'top' }: IP
     const dispatch = useDispatch();
     const [ visible, setVisible ] = useState(false);
     const [ isUnmounting, setIsUnmounting ] = useState(false);
+    const overflowDrawer = useSelector((state: IReduxState) => state['features/toolbox'].overflowDrawer);
     const { classes, cx } = useStyles();
     const timeoutID = useRef({
         open: 0,
@@ -69,10 +70,6 @@ const Tooltip = ({ containerClassName, content, children, position = 'top' }: IP
         visible: isVisible
     } = useSelector((state: IReduxState) => state['features/base/tooltip']);
 
-    if (isMobileBrowser()) {
-        return children;
-    }
-
     const contentComponent = (
         <div
             className = { cx(classes.container, previousContent === '' && 'mounting-animation',
@@ -133,6 +130,11 @@ const Tooltip = ({ containerClassName, content, children, position = 'top' }: IP
         }
     }, [ storeContent ]);
 
+
+    if (isMobileBrowser() || overflowDrawer) {
+        return children;
+    }
+
     return (
         <Popover
             allowClick = { true }