react-magma icon indicating copy to clipboard operation
react-magma copied to clipboard

Drawer - Focus not trapped properly when open

Open orion-cengage opened this issue 1 year ago • 1 comments

CENG_3326

Docs: https://react-magma.cengage.com/version/4.3.0/api/drawer/

Success Criteria: https://www.w3.org/WAI/WCAG21/Understanding/focus-order

In all drawers, the keyboard focus is trapped within the modal in both directions except for the navigation drawer, Here, the focus is trapped when tabbing forward, but when tabbing backward (Shift+Tab) the focus moves into the page behind the drawer.

(Note that the inverse view of the navigation drawer does trap the focus in both directions.)

Ensure that the keyboard focus remains trapped within the navigation drawer when users press Shift+Tab to move the focus backward.

orion-cengage avatar Apr 11 '24 19:04 orion-cengage

Wonder if this is related to https://github.com/cengage/react-magma/issues/970 in some way?

silvalaura avatar Apr 15 '24 14:04 silvalaura