ztr/TelegramPWA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[Accessibility] Composer: Toggle Attach Menu with keyboard (#1783)

Browse Source
This commit is contained in:
Alexander Zinchuk 2022-03-25 13:14:55 +01:00
parent b2ad6a0ae4
commit 395786e0f9
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/middle/composer/AttachMenu.tsx
View File

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