esbenp/react-native-clean-form

[Improvement] Focus inputs when tapping the label

Open

#25 opened on Mar 29, 2017

View on GitHub
 (1 comment) (1 reaction) (0 assignees)JavaScript (479 stars) (83 forks)batch import
enhancementhelp wanted

Description

At the moment it can be annoying to get the input to be focused.

So it would be nice if you can tab the label or form group and then automatically focus the input.

Contributor guide

Tech stack
react nativejavascript
Domain
mobilefrontend
Issue type
accessibility
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
under 1 hour
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
basic react native knowledgeunderstanding of refs
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
80
Research direction
The issue requests that tapping a label or form group should focus the associated input. To implement this, look at the existing form components (e.g., Input, Label) in the repository. Consider using the `onPress` event on the label and calling `focus()` on the input ref. The issue can be resolved by wrapping the label in a `TouchableWithoutFeedback` and passing a ref to the input. No linked PRs or comments provide additional guidance. See similar implementations in React Native documentation.