Interactive elements on the website canceled when ESC key is pressed, so that keyboard navigation is improved

Created on 13 June 2023, about 1 year ago

Updated 31 July 2023, 11 months ago

Problem/Motivation

To provide a more complete UX for users who are navigating the website using a keyboard we want to ensure that when the ESC key is pressed while interactive element are in focus, it should lose focus and cancel any visual highlighting.

Proposed resolution

- Add code to the mobile menu to be dismissed using the ESC key
- Add code to current implementation of the Search bar, that will dismiss it using the ESC key
- Add code to dismiss the Dropdown Material Base component (used in primary navigation) using the ESC key

✨ Feature request

Status

Needs review

Version

2.0

Component

Code

Created by

🇭🇷Croatia branimir.juranic

Live updates comments and jobs are added and updated live.

Comments & Activities

Issue created by @branimir.juranic
Status changed to Needs review about 1 year ago11:53am 13 June 2023
Comment about 1 year ago →
🇭🇷Croatia branimir.juranic
Comment 11 months ago →
🇮🇳India vaibhav_arora
Hi @branimir.juranic Can you please attach screenshot for where you are getting this issue because I tried but not able to replicate it or can you provide some steps to reproduce?

contrib.social Blog FAQ Discussions

Production build 0.69.0 2024