Trap focus inside Dialog component #1496
Description
Describe the bug
When a component behaves as an overlaid modal, the container should trap the focus until the action is completed or the window is closed. This is a web standard and a usual behaviour in Dialogs, so we should also have this.
Expected behaviour
Trap the focus inside the Dialog. When the last focusable item loses focus, it should return to the first one, and never go outside of the dialog's content until the action is finished or the window is closed.
Add labels
Dialog pattern: https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/
Some examples of this behaviour:
- https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/examples/dialog/
- https://primer.style/react/Dialog
- https://cloudscape.design/components/modal/?tabId=playground
- https://carbondesignsystem.com/components/modal/usage/
- https://www.radix-ui.com/docs/primitives/components/dialog
- https://design.wonderflow.ai/get-started/components/dialogs/modal