From 137d61930d6d570515b5d3a4149c19f6206b6aea Mon Sep 17 00:00:00 2001
From: Anderson Shindy Oki <anderson.vs.oki@gmail.com>
Date: Mon, 9 Dec 2024 09:06:38 +0900
Subject: [PATCH] Fixed missing mobile tooltips

---
 frontend/src/components/TextPopover.tsx        | 7 ++++++-
 frontend/src/components/bazarr/HistoryIcon.tsx | 7 ++++++-
 frontend/src/pages/views/ItemOverview.tsx      | 1 +
 3 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/TextPopover.tsx b/frontend/src/components/TextPopover.tsx
index 6eeb05835..3649e0453 100644
--- a/frontend/src/components/TextPopover.tsx
+++ b/frontend/src/components/TextPopover.tsx
@@ -18,7 +18,12 @@ const TextPopover: FunctionComponent<TextPopoverProps> = ({
   }
 
   return (
-    <Tooltip label={text} {...tooltip} style={{ textWrap: "wrap" }}>
+    <Tooltip
+      label={text}
+      {...tooltip}
+      style={{ textWrap: "wrap" }}
+      events={{ hover: true, focus: false, touch: true }}
+    >
       <div>{children}</div>
     </Tooltip>
   );
diff --git a/frontend/src/components/bazarr/HistoryIcon.tsx b/frontend/src/components/bazarr/HistoryIcon.tsx
index add0cd1fd..5ab82ed05 100644
--- a/frontend/src/components/bazarr/HistoryIcon.tsx
+++ b/frontend/src/components/bazarr/HistoryIcon.tsx
@@ -65,7 +65,12 @@ const HistoryIcon: FunctionComponent<{
 
   if (icon) {
     return (
-      <Tooltip label={label} openDelay={500} position="right">
+      <Tooltip
+        label={label}
+        openDelay={500}
+        position="right"
+        events={{ hover: true, focus: false, touch: true }}
+      >
         <FontAwesomeIcon
           aria-label={label}
           title={title}
diff --git a/frontend/src/pages/views/ItemOverview.tsx b/frontend/src/pages/views/ItemOverview.tsx
index d611d5a85..9821d10a7 100644
--- a/frontend/src/pages/views/ItemOverview.tsx
+++ b/frontend/src/pages/views/ItemOverview.tsx
@@ -62,6 +62,7 @@ const ItemOverview: FunctionComponent<Props> = (props) => {
             label={item.path}
             multiline
             style={{ overflowWrap: "anywhere" }}
+            events={{ hover: true, focus: false, touch: true }}
           >
             <span>{item.path}</span>
           </Tooltip>