Skip to content

Search bar requires double-click to focus after opening #2322

Description

@bestcatarina

Detailed description of how to reproduce the problem

Description:
Currently, when a user clicks the search icon to expand the search input field, the field opens visually, but the keyboard focus is not automatically set to the input. This forces the user to click the input field a second time before they can start typing, creating a friction point in the user experience.

Steps to Reproduce:
Navigate to the Search bar component.
Click on the Search Icon (magnifying glass) to expand the search bar.
Attempt to type immediately without clicking the input field again.

Actual Behavior:
The search input field appears/expands.
The cursor is not placed inside the input field.
The user must click the input field a second time to activate the text cursor and begin typing.

Expected Behavior:
Upon clicking the search icon, the input field should expand and automatically receive focus.
The user should be able to start typing immediately after the first click.

Metadata

Metadata

Assignees

Labels

enhancementAdding a new feature or improving existing codeminorminor version bump

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions