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>
This commit is contained in:
Kyle 2026-02-15 20:58:30 +08:00
parent cea1c36d92
commit a1b2067faa

View File

@ -21,7 +21,12 @@ ReactDOM.createRoot(document.getElementById('root')!).render(
<QueryClientProvider client={queryClient}> <QueryClientProvider client={queryClient}>
<BrowserRouter> <BrowserRouter>
<App /> <App />
<Toaster position="top-right" theme="dark" /> <Toaster
position="top-right"
theme="dark"
style={{ pointerEvents: 'none' }}
toastOptions={{ style: { pointerEvents: 'auto' } }}
/>
</BrowserRouter> </BrowserRouter>
</QueryClientProvider> </QueryClientProvider>
</React.StrictMode> </React.StrictMode>