From d8fe677933304337e0da586206472799d1299817 Mon Sep 17 00:00:00 2001
From: Debanjum Singh Solanky <debanjum@gmail.com>
Date: Sat, 3 Aug 2024 07:07:35 +0530
Subject: [PATCH] Prevent overflow on Search page by search results

---
 src/interface/web/app/search/page.tsx | 10 ++--------
 1 file changed, 2 insertions(+), 8 deletions(-)

diff --git a/src/interface/web/app/search/page.tsx b/src/interface/web/app/search/page.tsx
index 61e726ac..33b613d8 100644
--- a/src/interface/web/app/search/page.tsx
+++ b/src/interface/web/app/search/page.tsx
@@ -159,13 +159,7 @@ export default function Search() {
     }, [isMobileWidth]);
 
     function search() {
-        if (searchResultsLoading) {
-            return;
-        }
-
-        if (!searchQuery.trim()) {
-            return;
-        }
+        if (searchResultsLoading || !searchQuery.trim()) return;
 
         const apiUrl = `/api/search?q=${encodeURIComponent(searchQuery)}&client=web`;
         fetch(apiUrl, {
@@ -246,7 +240,7 @@ export default function Search() {
                         }
                         {
                             !focusSearchResult && searchResults && searchResults.length > 0 &&
-                            <div className='mt-4'>
+                            <div className='mt-4 max-w-[92vw] break-all'>
                                 <ScrollArea className="h-[80vh]">
                                     {
                                         searchResults.map((result, index) => {