Modal window must capture the keyboard focus

[nlopin]

When the modal is shown, a user can move focus between its elements using the Tab button. But when we run out of the focusable elements in the modal, the focus moves to the content below.

We must follow WAI ARIA best practices and trap the focus inside the modal.

Codesanbox example shows an app with two inputs — one on the main page and another one in the modal window. When the modal is opened and the focus is on in-modal input, you can still press Shift+Tab to go outside the modal. This is incorrect behaviour, the focus must be trapped inside the modal window

[lloydaf]

@nlopin can you add like a loom video demonstrating the issue better? thanks

[nlopin]

Thanks for reaching out, I've updated the description 👍

[dornelasnelson]

We need to know with designers what's the plan to use the new Experimental components with all other projects since it already has this feature. Otherwise it might be worth bringing it to the existing wave components.

[renejfc]

I think even though if we start using the new components as default, I guess they wouldn't be deprecated right away so implementing this would be nice since it's an u7y and a11y matter