canonical / canonical/react-components

Opening a `ConfirmationModal` from a `ContextualMenu` does not move keyboard focus to the modal

Open
#1,366 4 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
151
Forks
74
Avg merge
1d 2h
Merged PRs (30d)
11

Description

When opening a `ConfirmationModal` from a `ContextualMenu`, the focus does not move keyboard focus to the modal. This issue may require more than one `ContextualMenu` elements to reproduce. `Shift+Tab`ing does eventually move the focus and trap it in the `ConfirmationModal`. The `tabIndex` to reach the `ConfirmationModal` is just before the first `ContextualMenu` component. Screencapture showing opening the modal, `Shift+Tab`ing as the focus moves behind the modal until eventually reaching and being trapped in the `ConfirmationModal`:

https://github.com/user-attachments/assets/58bb1466-d85c-433e-9c39-829e0f5212b7

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.