From 309cf3d6d974e6ba5c953d7293aeaab340d7026b Mon Sep 17 00:00:00 2001
From: Abdelrhman Kamal <hadh2819@gmail.com>
Date: Tue, 24 Oct 2023 16:19:53 +0300
Subject: [PATCH] Fix: google translate extenstion close side panel (#4625)

* Fix gtx-trans close sidepanel

* reset the package-lock.json file
---
 package-lock.json              | 2 +-
 src/hooks/use-outside-click.ts | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 57464f63f..04d9e1227 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11025,4 +11025,4 @@
       }
     }
   }
-}
+}
\ No newline at end of file
diff --git a/src/hooks/use-outside-click.ts b/src/hooks/use-outside-click.ts
index 3ad4aae20..d0fd4ae12 100644
--- a/src/hooks/use-outside-click.ts
+++ b/src/hooks/use-outside-click.ts
@@ -3,7 +3,9 @@ import { useEffect } from 'react';
 export function useOutsideClick(ref: any, callback: any) {
   useEffect(() => {
     const listener = (event: any) => {
-      const isClickedOutside = !ref?.current?.contains(event.target);
+      const isClickedOutside =
+        !ref?.current?.contains(event.target) &&
+        !document?.getElementById('gtx-trans')?.contains(event.target);
       if (isClickedOutside) {
         callback();
       }