Allow outside click for focustrap

2022-04-08 14:50:26 -04:00
parent 0f16ef5dd6
commit 28c1346a25
4 changed files with 6 additions and 5 deletions
--- a/ts/components/StoriesPane.tsx
+++ b/ts/components/StoriesPane.tsx
@@ -83,7 +83,7 @@ export const StoriesPane = ({
  }, [searchTerm, stories]);

  return (
-    <FocusTrap>
+    <FocusTrap focusTrapOptions={{ allowOutsideClick: true }}>
      <div>
        <div className="Stories__pane__header">
          <button
--- a/ts/components/StoryViewer.tsx
+++ b/ts/components/StoryViewer.tsx
@@ -198,7 +198,7 @@ export const StoryViewer = ({
  }, [navigateStories]);

  return (
-    <FocusTrap>
+    <FocusTrap focusTrapOptions={{ allowOutsideClick: true }}>
      <div className="StoryViewer">
        <div className="StoryViewer__overlay" />
        <div className="StoryViewer__content">