From bdbaf9491943460e1636db949dd9892472d1def9 Mon Sep 17 00:00:00 2001
From: Angela Chuang <6295984+angorayc@users.noreply.github.com>
Date: Tue, 2 Feb 2021 04:36:13 +0000
Subject: [PATCH] [Security Solution] Remove focustrap (#89905) (#89943)

* remove focustrap

* remove focustrap

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
---
 .../components/notes/add_note/index.tsx       | 45 +++++++++----------
 1 file changed, 21 insertions(+), 24 deletions(-)

diff --git a/x-pack/plugins/security_solution/public/timelines/components/notes/add_note/index.tsx b/x-pack/plugins/security_solution/public/timelines/components/notes/add_note/index.tsx
index 92e0ac757cc39..10e8ca42f35ae 100644
--- a/x-pack/plugins/security_solution/public/timelines/components/notes/add_note/index.tsx
+++ b/x-pack/plugins/security_solution/public/timelines/components/notes/add_note/index.tsx
@@ -9,7 +9,6 @@ import {
   EuiButtonEmpty,
   EuiFlexGroup,
   EuiFlexItem,
-  EuiFocusTrap,
   EuiScreenReaderOnly,
 } from '@elastic/eui';
 import React, { useCallback } from 'react';
@@ -83,31 +82,29 @@ export const AddNote = React.memo<{
 
   return (
     <AddNotesContainer onKeyDown={onKeyDown} role="dialog">
-      <EuiFocusTrap>
-        <div style={{ width: '100%' }}>
-          <EuiScreenReaderOnly data-test-subj="screenReaderOnly">
-            <p>{i18n.YOU_ARE_EDITING_A_NOTE}</p>
-          </EuiScreenReaderOnly>
-          <NewNote note={newNote} noteInputHeight={200} updateNewNote={updateNewNote} />
-          <ButtonsContainer gutterSize="none">
-            {onCancelAddNote != null ? (
-              <EuiFlexItem grow={false}>
-                <CancelButton onCancelAddNote={onCancelAddNote} />
-              </EuiFlexItem>
-            ) : null}
+      <div style={{ width: '100%' }}>
+        <EuiScreenReaderOnly data-test-subj="screenReaderOnly">
+          <p>{i18n.YOU_ARE_EDITING_A_NOTE}</p>
+        </EuiScreenReaderOnly>
+        <NewNote note={newNote} noteInputHeight={200} updateNewNote={updateNewNote} />
+        <ButtonsContainer gutterSize="none">
+          {onCancelAddNote != null ? (
             <EuiFlexItem grow={false}>
-              <EuiButton
-                data-test-subj="add-note"
-                isDisabled={newNote.trim().length === 0}
-                fill={true}
-                onClick={handleClick}
-              >
-                {i18n.ADD_NOTE}
-              </EuiButton>
+              <CancelButton onCancelAddNote={onCancelAddNote} />
             </EuiFlexItem>
-          </ButtonsContainer>
-        </div>
-      </EuiFocusTrap>
+          ) : null}
+          <EuiFlexItem grow={false}>
+            <EuiButton
+              data-test-subj="add-note"
+              isDisabled={newNote.trim().length === 0}
+              fill={true}
+              onClick={handleClick}
+            >
+              {i18n.ADD_NOTE}
+            </EuiButton>
+          </EuiFlexItem>
+        </ButtonsContainer>
+      </div>
     </AddNotesContainer>
   );
 });