Fix keyboard accessibility of the space panel

2021-06-22 11:50:00 +01:00
parent 9fa7ac21bd
commit 66b3feb802
2 changed files with 98 additions and 53 deletions
--- a/src/components/views/elements/AccessibleButton.tsx
+++ b/src/components/views/elements/AccessibleButton.tsx
@@ -62,6 +62,8 @@ export default function AccessibleButton({
    disabled,
    inputRef,
    className,
+    onKeyDown,
+    onKeyUp,
    ...restProps
 }: IProps) {
    const newProps: IAccessibleButtonProps = restProps;
@@ -83,6 +85,8 @@ export default function AccessibleButton({
            if (e.key === Key.SPACE) {
                e.stopPropagation();
                e.preventDefault();
+            } else {
+                onKeyDown?.(e);
            }
        };
        newProps.onKeyUp = (e) => {
@@ -94,6 +98,8 @@ export default function AccessibleButton({
            if (e.key === Key.ENTER) {
                e.stopPropagation();
                e.preventDefault();
+            } else {
+                onKeyUp?.(e);
            }
        };
    }