Fixing button tabability for accessibility

torrinworx · Dec 26, 2024 · 2e2486a · 2e2486a
1 parent a4341fc
commit 2e2486a
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/components/inputs/Button.jsx b/components/inputs/Button.jsx
@@ -137,6 +137,14 @@ export default ThemeContext.use(h => {
 					onMouseUp(event);
 				}
 			}}
+			onKeyDown={(event) => {
+				if (!disabled.get() && (event.key === "Enter" || event.key === " ")) {
+					event.preventDefault();
+					createRipple(event);
+					if (onClick) onClick(event);
+					if (onMouseDown) onMouseDown(event);
+				}
+			}}
 			isHovered={hover}
 			style={{
 				display: inline ? 'inline-flex' : 'flex',