From 639299ee1c16f873420188f89a3cc0be0f933f26 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?marcin=20miko=C5=82ajczak?= <git@mkljczk.pl>
Date: Fri, 16 Aug 2024 16:56:17 +0200
Subject: [PATCH] DropdownMenu fix
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
---
 .../dropdown-menu/dropdown-menu.tsx           |  2 +-
 .../compose/components/language-dropdown.tsx  | 34 -------------------
 2 files changed, 1 insertion(+), 35 deletions(-)

diff --git a/src/components/dropdown-menu/dropdown-menu.tsx b/src/components/dropdown-menu/dropdown-menu.tsx
index 9dc1cf139..dec0a5960 100644
--- a/src/components/dropdown-menu/dropdown-menu.tsx
+++ b/src/components/dropdown-menu/dropdown-menu.tsx
@@ -312,7 +312,7 @@ const DropdownMenu = (props: IDropdownMenu) => {
                 <li className='p-2 px-3'>
                   <button
                     className='flex w-full appearance-none place-content-center items-center justify-center rounded-full border border-gray-700 bg-transparent p-2 text-sm font-medium text-gray-700 transition-all hover:bg-white/10 focus:outline-none focus:ring-2 focus:ring-offset-2 dark:border-gray-500 dark:text-gray-500'
-                    onClick={onClose}
+                    onClick={handleClose}
                   >
                     <FormattedMessage id='lightbox.close' defaultMessage='Close' />
                   </button>
diff --git a/src/features/compose/components/language-dropdown.tsx b/src/features/compose/components/language-dropdown.tsx
index 68c96a2b0..5192f30a4 100644
--- a/src/features/compose/components/language-dropdown.tsx
+++ b/src/features/compose/components/language-dropdown.tsx
@@ -52,39 +52,6 @@ const getLanguageDropdown = (composeId: string): React.FC<ILanguageDropdown> =>
     textMap,
   } = useCompose(composeId);
 
-  const handleOptionKeyDown: React.KeyboardEventHandler = e => {
-    const value = e.currentTarget.getAttribute('data-index');
-    const index = results.findIndex(([key]) => key === value);
-    let element: ChildNode | null | undefined = null;
-
-    switch (e.key) {
-      case 'Escape':
-        handleClose();
-        break;
-      case 'Enter':
-        handleOptionClick(e);
-        break;
-      case 'ArrowDown':
-        element = node.current?.childNodes[index + 1] || node.current?.firstChild;
-        break;
-      case 'ArrowUp':
-        element = node.current?.childNodes[index - 1] || node.current?.lastChild;
-        break;
-      case 'Home':
-        element = node.current?.firstChild;
-        break;
-      case 'End':
-        element = node.current?.lastChild;
-        break;
-    }
-
-    if (element) {
-      (element as HTMLElement).focus();
-      e.preventDefault();
-      e.stopPropagation();
-    }
-  };
-
   const handleOptionClick: React.EventHandler<any> = (e: MouseEvent | KeyboardEvent) => {
     const value = (e.currentTarget as HTMLElement)?.getAttribute('data-index') as Language;
 
@@ -207,7 +174,6 @@ const getLanguageDropdown = (composeId: string): React.FC<ILanguageDropdown> =>
               tabIndex={0}
               key={code}
               data-index={code}
-              onKeyDown={handleOptionKeyDown}
               onClick={handleOptionClick}
               className={clsx(
                 'flex w-full gap-2 p-2.5 text-left text-sm text-gray-700 dark:text-gray-400',