chore: display options menu keyboard nav

This commit is contained in:
Aman Harwara
2023-04-29 00:10:13 +05:30
parent 0ab9006c52
commit e1a47ea884
6 changed files with 28 additions and 16 deletions

View File

@@ -8,6 +8,7 @@ import { PopoverContentProps } from './Types'
import { usePopoverCloseOnClickOutside } from './Utils/usePopoverCloseOnClickOutside'
import { useDisableBodyScrollOnMobile } from '@/Hooks/useDisableBodyScrollOnMobile'
import { MediaQueryBreakpoints, useMediaQuery } from '@/Hooks/useMediaQuery'
import { KeyboardKey } from '@standardnotes/ui-services'
const PositionedPopoverContent = ({
align = 'end',
@@ -88,7 +89,7 @@ const PositionedPopoverContent = ({
ref={setPopoverElement}
data-popover={id}
onKeyDown={(event) => {
if (event.key === 'Escape') {
if (event.key === KeyboardKey.Escape) {
event.stopPropagation()
togglePopover?.()
if (anchorElement) {