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/emoji/EmojiPicker.tsx
+++ b/ts/components/emoji/EmojiPicker.tsx
@ -303,7 +303,11 @@ export const EmojiPicker = React.memo(
      );

      return (
-        <FocusTrap>
+        <FocusTrap
+          focusTrapOptions={{
+            allowOutsideClick: true,
+          }}
+        >
          <div className="module-emoji-picker" ref={ref} style={style}>
            <header className="module-emoji-picker__header">
              <button