git.iko.soy/bridge
on master help sign in
Fix tab navigation with indigo react buttons
76d1e98Liam Fitzgerald
src/indigo-react/components/Button.js+7
compare with master
unifiedsplit
@@ -20,10 +20,17 @@ export default function Button({
20 children,
20 children,
21 ...rest
21 ...rest
22}) {
22}) {
23+ const handleKeyPress = e => {
24+ if (e.key === 'Enter' && !disabled) {
25+ onClick();
26+ }
27+ };
23 return (
28 return (
24 <Grid
29 <Grid
25 as={As}
30 as={As}
26 gap={1}
31 gap={1}
32+ tabIndex={!disabled ? 0 : undefined}
33+ onKeyPress={handleKeyPress}
27 className={cn(
34 className={cn(
28 'rel pointer pv4 truncate flex-row justify-between us-none',
35 'rel pointer pv4 truncate flex-row justify-between us-none',
29 {
36 {