Handle up/down as well as left/right for horizontal toolbars for impr…

…oved a11y (#12305) Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
matrix-org · Mar 6, 2024 · 8bd74f5 · 8bd74f5
1 parent 942fabc
commit 8bd74f5
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/accessibility/Toolbar.tsx b/src/accessibility/Toolbar.tsx
@@ -53,8 +53,9 @@ const Toolbar = forwardRef<HTMLDivElement, IProps>(({ children, ...props }, ref)
         }
     };
 
+    // We handle both up/down and left/right as is allowed in the above WAI ARIA best practices
     return (
-        <RovingTabIndexProvider handleHomeEnd handleLeftRight onKeyDown={onKeyDown}>
+        <RovingTabIndexProvider handleHomeEnd handleLeftRight handleUpDown onKeyDown={onKeyDown}>
             {({ onKeyDownHandler }) => (
                 <div {...props} onKeyDown={onKeyDownHandler} role="toolbar" ref={ref}>
                     {children}