diff --git a/src-docs/src/views/focus_trap/focus_trap_example.js b/src-docs/src/views/focus_trap/focus_trap_example.js
index 064eab862388..27d7406e29c2 100644
--- a/src-docs/src/views/focus_trap/focus_trap_example.js
+++ b/src-docs/src/views/focus_trap/focus_trap_example.js
@@ -18,7 +18,7 @@ export const FocusTrapExample = {
},
],
text: (
-
+ <>
Use EuiFocusTrap to prevent keyboard-initiated
focus from leaving a defined area. Temporary flows and UX escapes
@@ -37,15 +37,21 @@ export const FocusTrapExample = {
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 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.
+
+
+ >
),
props: { EuiFocusTrap },
demo: ,
diff --git a/src/components/focus_trap/focus_trap.tsx b/src/components/focus_trap/focus_trap.tsx
index d092f99cbc83..337ea03938f5 100644
--- a/src/components/focus_trap/focus_trap.tsx
+++ b/src/components/focus_trap/focus_trap.tsx
@@ -56,6 +56,7 @@ export class EuiFocusTrap extends Component {
returnFocus: true,
noIsolation: true,
scrollLock: false,
+ crossFrame: false,
gapMode: 'padding', // EUI defaults to padding because Kibana's body/layout CSS ignores `margin`
};