feat: add arrow key navigation for results dropdown

2021-06-03 14:21:07 -03:00
parent 386ca34178
commit 31d454cdc5
6 changed files with 97 additions and 29 deletions
--- a/app/assets/javascripts/components/NotesOptionsPanel.tsx
+++ b/app/assets/javascripts/components/NotesOptionsPanel.tsx
@@ -47,7 +47,7 @@ export const NotesOptionsPanel = observer(({ appState }: Props) => {
      }}
    >
      <DisclosureButton
-        onKeyUp={(event) => {
+        onKeyDown={(event) => {
          if (event.key === 'Escape' && !submenuOpen) {
            setOpen(false);
          }
@@ -60,7 +60,7 @@ export const NotesOptionsPanel = observer(({ appState }: Props) => {
        <Icon type="more" className="block" />
      </DisclosureButton>
        <DisclosurePanel
-          onKeyUp={(event) => {
+          onKeyDown={(event) => {
            if (event.key === 'Escape' && !submenuOpen) {
              setOpen(false);
              buttonRef.current.focus();