react-native-elements icon indicating copy to clipboard operation
react-native-elements copied to clipboard

TextInput right icons / icons get focussed on tab press

Open Estevete opened this issue 1 year ago • 0 comments

Is there an existing issue for this?

  • [X] I have searched the existing issues

Explain what you did

TextInput icons are focussed when we press tab on web. This has a weird behavior in some forms using icons, since you want to go to the next input using the tab. When a user has a form with several inputs with icons and press tab in web, the icon is getting focussed instead of focussing the next input (you need to tab again once the icon is focussed).

Expected behavior

Icons shouldn't get focus.

Describe the bug

TextInput icons are focussed when we press tab on web. This has a weird behavior in some forms using icons, since you want to go to the next input using the tab.

Steps To Reproduce

Go to this repro snack. Code is taken from docs. https://snack.expo.dev/@estebanchornet/rne-input

Screenshots

No response

Your Environment

No response

Estevete avatar Nov 16 '22 10:11 Estevete