From 83ce2acc5a2f5148509876e30be47507a7b9dd3e Mon Sep 17 00:00:00 2001
From: Behera Manav <manavbehera123@gmail.com>
Date: Wed, 26 Feb 2025 19:44:53 +0530
Subject: [PATCH] fix(scrolling): implemented scrolling for country dropdown
 search

---
 src/components/ui/phone-input.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/ui/phone-input.tsx b/src/components/ui/phone-input.tsx
index 3eba8875c1a..0d75062a8c0 100644
--- a/src/components/ui/phone-input.tsx
+++ b/src/components/ui/phone-input.tsx
@@ -100,7 +100,7 @@ const CountrySelect = ({
 }: CountrySelectProps) => {
   const { t } = useTranslation();
   const [filteredCountries, setFilteredCountries] = React.useState(countryList);
-  const handleSearch = (query: string) => {
+  const handleScroll = (query: string) => {
     const filtered = countryList.filter(({ label }) =>
       label.toLowerCase().includes(query.toLowerCase()),
     );
@@ -132,7 +132,7 @@ const CountrySelect = ({
           <CommandInput
             placeholder={t("search_country")}
             className="outline-none border-none ring-0 shadow-none"
-            onValueChange={handleSearch}
+            onValueChange={handleScroll}
           />
           <CommandList>
             <ScrollArea className="h-72">