From 395786e0f9bc2cdbf2a3c1d63f16eec699150a22 Mon Sep 17 00:00:00 2001
From: Alexander Zinchuk <alx.zinchuk@gmail.com>
Date: Fri, 25 Mar 2022 13:14:55 +0100
Subject: [PATCH] [Accessibility] Composer: Toggle Attach Menu with keyboard
 (#1783)

---
 src/components/middle/composer/AttachMenu.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/middle/composer/AttachMenu.tsx b/src/components/middle/composer/AttachMenu.tsx
index 14e328ca7..648d42ba4 100644
--- a/src/components/middle/composer/AttachMenu.tsx
+++ b/src/components/middle/composer/AttachMenu.tsx
@@ -35,6 +35,14 @@ const AttachMenu: FC<OwnProps> = ({
     }
   }, [isAttachMenuOpen, markMouseInside]);
 
+  const handleToggleAttachMenu = useCallback(() => {
+    if (isAttachMenuOpen) {
+      closeAttachMenu();
+    } else {
+      openAttachMenu();
+    }
+  }, [isAttachMenuOpen, openAttachMenu, closeAttachMenu]);
+
   const handleFileSelect = useCallback((e: Event, isQuick: boolean) => {
     const { files } = e.target as HTMLInputElement;
 
@@ -67,7 +75,7 @@ const AttachMenu: FC<OwnProps> = ({
         className={isAttachMenuOpen ? 'AttachMenu--button activated' : 'AttachMenu--button'}
         round
         color="translucent"
-        onActivate={openAttachMenu}
+        onActivate={handleToggleAttachMenu}
         ariaLabel="Add an attachment"
         ariaControls="attach-menu-controls"
         hasPopup