Focus-trap: Use allowOutsideClick where appropriate

2021-10-06 13:56:37 -07:00 · 2021-10-06 13:56:37 -07:00 · d542f450a1
commit d542f450a1
parent 048e1e4cd7
3 changed files with 16 additions and 3 deletions
--- a/ts/components/ModalHost.tsx
+++ b/ts/components/ModalHost.tsx
@ -58,7 +58,12 @@ export const ModalHost = React.memo(

    return root
      ? createPortal(
-          <FocusTrap>
+          <FocusTrap
+            focusTrapOptions={{
+              // This is alright because the overlay covers the entire screen
+              allowOutsideClick: false,
+            }}
+          >
            <div
              role="presentation"
              className={classNames(