From ff0ab867f164399efa0967a6307a2511cb587aa7 Mon Sep 17 00:00:00 2001
From: tienifr <christianwen18@gmail.com>
Date: Fri, 24 Nov 2023 15:09:16 +0700
Subject: [PATCH] fix: blue border appears around pressable when press Tab

---
 src/components/Pressable/GenericPressable/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Pressable/GenericPressable/index.tsx b/src/components/Pressable/GenericPressable/index.tsx
index e0436c26c8fe..e050e23c8e9a 100644
--- a/src/components/Pressable/GenericPressable/index.tsx
+++ b/src/components/Pressable/GenericPressable/index.tsx
@@ -13,7 +13,7 @@ function WebGenericPressable({focusable = true, ...props}: PressableProps, ref:
             ref={ref}
             // change native accessibility props to web accessibility props
             focusable={focusable}
-            tabIndex={!accessible || !focusable ? -1 : 0}
+            tabIndex={props.tabIndex ?? (!accessible || !focusable) ? -1 : 0}
             role={props.accessibilityRole as Role}
             id={props.nativeID}
             aria-label={props.accessibilityLabel}