React Native WebView hardware keyboard focus skipping first element

user_8851774 0
Viewed 61

I have a password confirmation form inside WebView and I need it to be usable with hardware keyboard. When I connect hardware keyboard and hit Tab, once focus enters WebView component it skips first focusable element and goes to the second one. Here's simplified version of the screen. Video. Has anyone faced this issue and how do you overcome it?

I use react-native-webview library. enter image description here

keyboard-focus react-native webview
1 Answers

As a workaround: inside the page that appears inside the WebView add following

document.body.tabIndex = 0;

This will set body as first focusable element and focus will jump over it (almost invisible).

user_88517740
Related