feat: add arrow key navigation to file context menu & options panel

feat: close popover with Escape key and focus anchor element

fix: menu focus

fix: quick settings menu keyboard navigation
This commit is contained in:
Aman Harwara
2022-11-28 02:17:55 +05:30
parent 6db6079790
commit ac91621271
13 changed files with 88 additions and 113 deletions

View File

@@ -87,6 +87,15 @@ const PositionedPopoverContent = ({
}}
ref={setPopoverElement}
data-popover={id}
onKeyDown={(event) => {
if (event.key === 'Escape') {
event.stopPropagation()
togglePopover()
if (anchorElement) {
anchorElement.focus()
}
}
}}
>
<div className={classNames(disableMobileFullscreenTakeover && 'hidden', 'md:hidden')}>
<div className="flex items-center justify-end px-3 pt-2">