From c6975a9e8bfcb0ef8b131a59228d2e6a1f1a3b90 Mon Sep 17 00:00:00 2001
From: Gregory Schier <gschier1990@gmail.com>
Date: Sat, 4 Oct 2025 05:47:16 -0700
Subject: [PATCH] Allow toast interaction when dialog is open

---
 src-web/components/Overlay.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src-web/components/Overlay.tsx b/src-web/components/Overlay.tsx
index 3c81cb2d..3452d6b2 100644
--- a/src-web/components/Overlay.tsx
+++ b/src-web/components/Overlay.tsx
@@ -1,5 +1,5 @@
 import classNames from 'classnames';
-import FocusTrap from 'focus-trap-react';
+import { FocusTrap } from 'focus-trap-react';
 import * as m from 'motion/react-m';
 import type { ReactNode } from 'react';
 import React from 'react';
@@ -47,7 +47,11 @@ export function Overlay({
   return (
     <Portal name={portalName}>
       {open && (
-        <FocusTrap>
+        <FocusTrap
+          focusTrapOptions={{
+            allowOutsideClick: true, // So we can still click toasts and things
+          }}
+        >
           <m.div
             className={classNames('fixed inset-0', zIndexes[zIndex])}
             initial={{ opacity: 0 }}