fix: search result container overflow fix (#1597)

manask-pradhan · hkirat · commit 454dc26e677b · 2024-12-05T18:11:49.000+05:30
diff --git a/src/components/search/SearchResults.tsx b/src/components/search/SearchResults.tsx
@@ -51,7 +51,7 @@ export function SearchResults({
     <div
       className={`absolute ${
         isMobile ? 'top-full' : 'top-12'
-      } z-30 max-h-[40vh] w-full rounded-lg border-2 bg-background p-2 shadow-lg`}
+      } z-30 max-h-[40vh] w-full overflow-y-scroll rounded-lg border-2 bg-background p-2 shadow-lg`}
     >
       {renderSearchResults()}
     </div>

Original file line number	Diff line number	Diff line change
`@@ -51,7 +51,7 @@ export function SearchResults({`
`51`	`51`	`<div`
`52`	`52`	className={`absolute ${
`53`	`53`	`isMobile ? 'top-full' : 'top-12'`
`54`		- } z-30 max-h-[40vh] w-full rounded-lg border-2 bg-background p-2 shadow-lg`}
	`54`	+ } z-30 max-h-[40vh] w-full overflow-y-scroll rounded-lg border-2 bg-background p-2 shadow-lg`}
`55`	`55`	`>`
`56`	`56`	`{renderSearchResults()}`
`57`	`57`	`</div>`