[Security Solution] Remove focustrap (#89905)

angorayc · kibanamachine · angorayc · commit 8fb4b03f5d86 · 2021-02-02T07:12:08.000+08:00
* remove focustrap

* remove focustrap

Co-authored-by: Kibana Machine &lt;42973632+kibanamachine@users.noreply.github.com&gt;
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
@@ -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>
   );
 });
