Ensure consistent focus of input components on click
- Dominant language
- TypeScript
- Stars
- 53
- Forks
- 63
- Avg merge
- 2d 4h
- Merged PRs (30d)
- 15
Description
## Summary of the bug
There is inconsistent behaviour in terms of clicking on input components & the field receiving focus.
The behaviour of ic-text-field is as follows:
- the input receives focus when clicking on the edit field, or the associated label text.
However, the behaviour of ic-select is:
- the input receives focus when clicking anywhere across the width\height of the entire component\container.
## 🧐 Expected behaviour
The behaviour for all input components should be the same as ic-text-field. The following components will need to have their behaviour reviewed\amended:
-ic-select
-ic-switch
-ic-checkbox
-ic-radio
-ic-search-bar
## 📝 Acceptance Criteria
*Given* an input component exists on a page
*When* only either the input element or the associated label text are clicked
*Then* the input element should receive focus
Contributor guide
Research direction
Start by locating the implementations of ic-text-field, ic-select, ic-switch, ic-checkbox, ic-radio, and ic-search-bar, then compare how clicks on their input elements, labels, and containers are handled. Review the existing component tests, if available, and verify that only the input or associated label gives focus for each component.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100