Improve Search Bar Keyboard Navigation

[pmjanus]

Improve Search Bar Keyboard Navigation

Overview

Enhance the keyboard navigation and interaction with the search bar results on https://deploy-preview-800--testnet-teloscan.netlify.app/. Currently, users must click on search results even for exact matches, which can be improved for better accessibility and user experience.

Acceptance Criteria

• Pressing Enter key navigates to the first result, regardless of match type.
• Keyboard navigation through search results using up/down arrow keys.
• Ability to close the search results using the Esc key.

Tasks

• [ ] Investigate and understand the current implementation of the search bar and its event handlers.
• [ ] Implement the desired behavior for handling the Enter key press based on the selected approach (exact match navigation or navigation to first result).
• [ ] Add keyboard navigation support using up/down arrow keys to cycle through search results.
• [ ] Implement the Esc key functionality to close the search results.
• [ ] Conduct thorough testing and ensure seamless integration with existing functionality.
• [ ] Document the changes and update any relevant documentation or guidelines.

Links

• https://deploy-preview-800--testnet-teloscan.netlify.app/
• Etherscan search behavior reference