[BUG] - nextui.org keyboard navigation issues

[oldium]

NextUI Version

Web

Describe the bug

As a random visitor I am checking which helper UIs to use with React and wanted to give NextUI/Pro a try, but I struggle with the usability of the actual web pages https://nextui.org/ using the NextUI components.

I otherwise like the NextUI look and feel, maybe those are easily fixable bugs, but it does not convince me paying $249.

Your Example Website or App

https://nextui.org

Steps to Reproduce the Bug or Issue

1. There is a claim “Accessibility out of the box” on https://nextui.org/, but it is not possible to leave the Actions menu, which appears automatically when it becomes visible, just with keyboard (Esc and Tab does nothing). You need to press down to find where the focus is and even after this it is not possible to navigate out.
2. On the Component pages (like https://nextui.org/docs/components/button), when you try to navigate with keyboard and a Tab key, the focus sometimes moves to invisible elements, like the mouse-hover-only-visible copy button in Preview tab and Code tab actions Report a bug, Copy, Open in CodeSandbox.

Expected behavior

1. For the first case, it think it should be possible to close the popup with Esc key or leave it in other way.
2. For the second case, I think either the hidden button should not be hidden at all, or it should become visible when it gains focus.

Screenshots or Videos

No response

Operating System Version

Windows

Browser

Edge

[linear]

ENG-1806 [BUG] - nextui.org keyboard navigation issues

[mohammadshahidbeigh]

Hi @wingkwong, I'm interested in working on this issue. Could you please assign it to me? Thanks!