From bbc54c35106c7445580ace85d4f344fcd650c707 Mon Sep 17 00:00:00 2001
From: tienifr <christianwen18@gmail.com>
Date: Thu, 9 Nov 2023 19:47:39 +0700
Subject: [PATCH] fix: cannot navigate by tab key

---
 src/components/Pressable/GenericPressable/index.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/Pressable/GenericPressable/index.tsx b/src/components/Pressable/GenericPressable/index.tsx
index c8e9560062e0..e0436c26c8fe 100644
--- a/src/components/Pressable/GenericPressable/index.tsx
+++ b/src/components/Pressable/GenericPressable/index.tsx
@@ -3,14 +3,17 @@ import {Role, View} from 'react-native';
 import GenericPressable from './BaseGenericPressable';
 import PressableProps from './types';
 
-function WebGenericPressable(props: PressableProps, ref: ForwardedRef<View>) {
+function WebGenericPressable({focusable = true, ...props}: PressableProps, ref: ForwardedRef<View>) {
+    const accessible = props.accessible ?? props.accessible === undefined ? true : props.accessible;
+
     return (
         <GenericPressable
             // eslint-disable-next-line react/jsx-props-no-spreading
             {...props}
             ref={ref}
             // change native accessibility props to web accessibility props
-            tabIndex={!props.accessible || !props.focusable ? -1 : 0}
+            focusable={focusable}
+            tabIndex={!accessible || !focusable ? -1 : 0}
             role={props.accessibilityRole as Role}
             id={props.nativeID}
             aria-label={props.accessibilityLabel}