feat: add arrow key navigation for results dropdown

This commit is contained in:
Antonella Sgarlatta
2021-06-03 14:21:07 -03:00
parent 386ca34178
commit 31d454cdc5
6 changed files with 97 additions and 29 deletions

View File

@@ -133,7 +133,7 @@ export const NotesOptions = observer(
{appState.tags.tagsCount > 0 && (
<Disclosure open={tagsMenuOpen} onChange={openTagsMenu}>
<DisclosureButton
onKeyUp={(event) => {
onKeyDown={(event) => {
if (event.key === 'Escape') {
setTagsMenuOpen(false);
}
@@ -149,7 +149,7 @@ export const NotesOptions = observer(
<Icon type="chevron-right" className="color-neutral" />
</DisclosureButton>
<DisclosurePanel
onKeyUp={(event) => {
onKeyDown={(event) => {
if (event.key === 'Escape') {
setTagsMenuOpen(false);
tagsButtonRef.current.focus();