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.
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.