From 1e69e3a2b0eeceb52f4720cb8424ac22c18e89dc Mon Sep 17 00:00:00 2001
From: ajnart <ajnart@pm.me>
Date: Mon, 8 Aug 2022 13:45:54 +0200
Subject: [PATCH] :bug: Fix onBlurCapture in the Dropdown of overseerr

---
 src/modules/search/SearchModule.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/modules/search/SearchModule.tsx b/src/modules/search/SearchModule.tsx
index 29cbb6e3e..02a39bfba 100644
--- a/src/modules/search/SearchModule.tsx
+++ b/src/modules/search/SearchModule.tsx
@@ -13,7 +13,7 @@ import { showNotification } from '@mantine/notifications';
 import { useConfig } from '../../tools/state';
 import { IModule } from '../ModuleTypes';
 import { OverseerrModule } from '../overseerr';
-import OverseerrMediaDisplay from '../overseerr/OverseerrMediaDisplay';
+import { OverseerrMediaDisplay } from '../common';
 
 const useStyles = createStyles((theme) => ({
   hide: {
@@ -148,8 +148,9 @@ export default function SearchBar(props: any) {
         withinPortal
         shadow="md"
         radius="md"
+        zIndex={100}
         trapFocus
-        transition="pop-bottom-right"
+        transition="pop-top-right"
       >
         <Popover.Target>
           <Autocomplete
@@ -176,8 +177,8 @@ export default function SearchBar(props: any) {
           />
         </Popover.Target>
 
-        <Popover.Dropdown onBlurCapture={() => setOpened(false)}>
-          <ScrollArea style={{ height: 400 }} offsetScrollbars>
+        <Popover.Dropdown onMouseLeave={() => setOpened(false)}>
+          <ScrollArea style={{ height: 400, width: 400 }} offsetScrollbars>
             {OverseerrResults.slice(0, 5).map((result, index) => (
               <React.Fragment key={index}>
                 <OverseerrMediaDisplay key={result.id} media={result} />