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

Created on 13 June 2023, over 1 year ago
Updated 31 July 2023, over 1 year 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.
Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024