Managing Keyboard Focus with Flatlist.

[TusharDOM]

I am using this package for managing external keyboard focus. I have a horizontal flatlist with cards. The cards contain more pressable items in it. Currently the problem is the whole card is focused by the external keyboard and I cannot focus the component inside the card.

It would be great if you can help me with this issue.

Thanks

[ArturKalach]

Hello @TusharDOM,

Sorry for the late reply, I've been having a busy week.
Thank you for creating the issue. I will try to test it and work on finding a solution for the nested focus problem. I hope it won't take too much time to release a fix.

If possible, could you provide a code example that reproduces the exact issue? That would save me some time as well.

Regards,
Artur Kalach

[ArturKalach]

Hello @TusharDOM,

I just tested the nested focus issue and implemented a fix. These changes are currently available in react-native-external-keyboard@0.5.5-rc1. After completing further testing, I will add these changes into the v0.5.5 release.

Thank you so much for reporting the issue—it was really helpful in improving the package.

Regards,
Artur Kalach

[TusharDOM]

Thanks @ArturKalach It would be a great help to me.

It would be great if you can help me solve my another problems related to external keyboard accessibility:

1. I am rendering html using react-native-render-html package, I am unable to focus Anchor tag inside the html.
   Link to refer : ACCESSIBILITY : Anchor Tags are not accessible on Android & IOS When screen reader is present. meliorence/react-native-render-html#285

2. If I am on landscape mode in iOS and no focusable elements are present in the view port of the screen. I cannot focus the components with keyboard nor I can't scroll using Tab + G.

Is there any way in your package to implement the solution for the above problems and overcome the issue.

Thanks in Advance 😄

[ArturKalach]

Hello @TusharDOM,

I’ve finally released the react-native-external-keyboard@0.5.5 version. It would be great if you could share whether it helped with the FlatList cards issue.

Regarding react-native-render-html, I will try to take a look at it when I have some free time, but it would be better to create a separate issue or discussion. Additionally, the link referring to the screen reader, relates to the keyboard it usually uses a different API for managing focus.