Focus trap
Use EuiFocusTrap to prevent keyboard-initiated focus from leaving a defined area. Temporary flows and UX escapes that occur in components such as
EuiModal and EuiFlyout are prime examples.For components that project content in a React portal, EuiFocusTrap will maintain the tab order expected by users.
- Use
clickOutsideDisables
to disable the focus trap when the user clicks outside the trap. - Use
noIsolation={false}
when pointer events on outside elements should be disallowed. - Use
crossFrame={true}
when focus should not be allowed on other iframes on the page.
Loading...