SearchField requires 2 clicks to interact with its IconButtons (clear/search) when input is focused
Open
@arbrandes is already working on this.
Since Sep 2, 2026.
- Dominant language
- JavaScript
- Stars
- 140
- Forks
- 100
- Avg merge
- 1h 3m
- Merged PRs (30d)
- 30
Description
Improvements
The SearchField component allows users to type into an input field and then click one of two conditional icon buttons:
- Clear. Resets the input to be empty.
- Submit. Submits the current value in the input.
However, when the user has focus in the input field, it requires 2 clicks for the user to actually click the icon button. The first seemingly removes focus from the input field and makes the icon button hoverable; the second click works as expected.
From a usability/a11y POV, it should not require 2 clicks for a user to interact with one of the icon buttons in the search field.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Assessment
This issue has not been assessed yet.