Open Bug 1854268 Opened 1 year ago Updated 7 months ago

Pressing the 'Escape' key when in a modal does not return the focus-visible to the component used to open the modal, even with a tabIndex='0' if the modal was opened with a click event.

Categories

(Core :: DOM: UI Events & Focus Handling, enhancement)

Firefox 117
enhancement

Tracking

()

UNCONFIRMED

People

(Reporter: sarah.loutrel, Unassigned)

References

Details

Attachments

(1 obsolete file)

Steps to reproduce:

Working in a React environment with a button that opens a modal.
The button has a tabIndex='0'.
Click the button to open the modal.
Press the 'Escape' key to close the modal.

Actual results:

The modal closes as expected, but there is no focus-visible set on the button.

Expected results:

It would be expected that the button should have the focus-visible pseudo-class active since the 'Escape' key was pressed.

This is how it works natively in Chromium and Safari browsers and I believe would be an improvement for accessibility.

The Bugbug bot thinks this bug should belong to the 'Core::DOM: UI Events & Focus Handling' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.

Component: Untriaged → DOM: UI Events & Focus Handling
Product: Firefox → Core
See Also: → 1856109
Attachment #9386745 - Attachment is obsolete: true
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: