mi6 / mi6/ic-ui-kit

Ensure consistent focus of input components on click

Open
#1,645 1 comment 0 reactions 0 assignees View on GitHub
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.