Skip to content

Focus accessibility problem for screen reader and keyboard #916

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

AshmitSherigar
Copy link
Contributor

@AshmitSherigar AshmitSherigar commented Jul 23, 2025

What I Fixed

  • Fixed a focus issue in the search input field.
  • After submitting a search the clear button (x mark) now gets focus.
  • After clearing the search the input field is automatically focused again.
  • This improves keyboard accessibility and user flow.

How to Test

  1. Go to /Search/
  2. Go to the search bar and type something valid --> Press Enter.
  3. After results show, check if the button is focused.
  4. Click to clear --> Input field should automatically regain focus.
  5. Focus behavior should feel smooth and predictable throughout.

Files Changed

  • components/SearchResults.tsx

Let me know if there is any update for me to do

Closes #914

@AshmitSherigar
Copy link
Contributor Author

@coseeian Could you also review this PR too thanks alot

@coseeian
Copy link
Collaborator

I’ve tested the updated focus behavior in this PR, and everything works as expected. I think it’s OK.

@AshmitSherigar
Copy link
Contributor Author

Thank you

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[focus] Focus is lost after clicking “Submit search” button
2 participants