Fix keyboard handling in ReactionPicker/Viewer and their child views

2022-09-07 11:29:08 -07:00 · 2022-09-07 11:29:08 -07:00 · 03b750d072
commit 03b750d072
parent 0bf77fadd3
7 changed files with 162 additions and 72 deletions
--- a/ts/components/conversation/ReactionViewer.tsx
+++ b/ts/components/conversation/ReactionViewer.tsx
@ -193,6 +193,13 @@ export const ReactionViewer = React.forwardRef<HTMLDivElement, Props>(
                  event.stopPropagation();
                  setSelectedReactionCategory(id);
                }}
+                onKeyDown={event => {
+                  if (event.key === 'Enter' || event.key === 'Space') {
+                    event.stopPropagation();
+                    event.preventDefault();
+                    setSelectedReactionCategory(id);
+                  }
+                }}
              >
                {isAll ? (
                  <span className="module-reaction-viewer__header__button__all">