[BUG] - Modal is not focus trapping when navigating using a keyboard

[kennyqiyenkan]

NextUI Version

v2.4.1

Describe the bug

Opening a modal does not trap the focus within its contents when navigating using a keyboard (when it should according to the docs).

Context: Came across the issue on my application and it was reproducible on NextUI documentation site.

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

1. Navigate to the Usage section of the Modal documentation
2. Open the example model using the keyboard
3. Tab through the options in modal
4. Able to focus on elements outside the modal

Expected behavior

When tabbing through the modal, it should loop back to the first interactable element in the modal.

Screenshots or Videos

Modal.Losing.Focus.Example.mov

Operating System Version

macOS

Browser

Chrome

[linear]

ENG-974 [BUG] - Modal is not focus trapping when navigating using a keyboard

[wingkwong]

Lemme handle that.