Dropdown menu don't closed

Author: Beyzanur Seyhan

components/Sort.tsx

@@ -76,6 +76,13 @@ export default function Sort() {
       return SortTypes.BestMatch;
     }
   };
+
+  const handleClick = () => {
+    const elem = document.activeElement as HTMLElement;
+    if(elem){
+      elem?.blur();
+    }
+  };
   return (
     <div className="flex justify-center items-center mb-8 flex-col gap-2">
       <div className="dropdown dropdown-hover">
@@ -89,7 +96,7 @@ export default function Sort() {
         <div className="h-64 p-2 overflow-y-scroll shadow dropdown-content z-50 bg-base-100 rounded-box w-60">
           <ul tabIndex={0} className="menu menu-vertical">
             {mainLanguages.sort(sortByName).map(language => (
-              <li key={language}>
+              <li key={language} onClick={handleClick}>
                 <Link href={`/repos/${language.toLowerCase()}`}>
                   {language}
                 </Link>
@@ -109,7 +116,7 @@ export default function Sort() {
         <div className="h-64 p-2 z-50 overflow-y-scroll shadow dropdown-content bg-base-100 rounded-box w-60">
           <ul tabIndex={0} className="menu menu-vertical">
             {navigationItems.map((item, index) => (
-              <li key={index}>
+              <li key={index} onClick={handleClick}>
                 <Link href={{ query: item.href.query }}>
                   {item.name}
                 </Link>