From a1b2067faa2f5d4863df0c6db94d1bd17ba2860d Mon Sep 17 00:00:00 2001
From: Kyle Pope <kyle.a.pope@outlook.com>
Date: Sun, 15 Feb 2026 20:58:30 +0800
Subject: [PATCH] Fix Sonner toaster blocking button clicks on login screen

Sonner's toaster container has z-index: 999999999 with no pointer-events: none,
creating an invisible overlay that intercepts clicks. Set pointer-events: none on
the container and pointer-events: auto on individual toasts so buttons underneath
remain clickable while toasts stay interactive.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 frontend/src/main.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/src/main.tsx b/frontend/src/main.tsx
index 1ba378e..2e952d7 100644
--- a/frontend/src/main.tsx
+++ b/frontend/src/main.tsx
@@ -21,7 +21,12 @@ ReactDOM.createRoot(document.getElementById('root')!).render(
     <QueryClientProvider client={queryClient}>
       <BrowserRouter>
         <App />
-        <Toaster position="top-right" theme="dark" />
+        <Toaster
+          position="top-right"
+          theme="dark"
+          style={{ pointerEvents: 'none' }}
+          toastOptions={{ style: { pointerEvents: 'auto' } }}
+        />
       </BrowserRouter>
     </QueryClientProvider>
   </React.StrictMode>