Tab Issue

[austin437]

Hi! 👋

Firstly, thanks for your work on this project! 🙂

Today I used patch-package to patch react-native-floating-label-input@1.4.3 for the project I'm working on.

When using floating-label-input on the web, you need to click the tab button twice to move between issues.

Here is the diff that solved my problem:

diff --git a/node_modules/react-native-floating-label-input/src/index.tsx b/node_modules/react-native-floating-label-input/src/index.tsx
index 15d4b54..c7a9c92 100644
--- a/node_modules/react-native-floating-label-input/src/index.tsx
+++ b/node_modules/react-native-floating-label-input/src/index.tsx
@@ -596,7 +596,7 @@ const FloatingLabelInput: React.ForwardRefRenderFunction<InputRef, Props> = (
       onPress={setFocus}
       onLayout={onLayout}
     >
-      <View style={{ flexDirection: 'row', flexGrow: 1 }}>
+      <View tabIndex={-1} style={{ flexDirection: 'row', flexGrow: 1 }}>
         {staticLabel && (
           <AnimatedText
             {...labelProps}

This issue body was partially generated by patch-package.