From 772dc77719edbbeb6a48de49d1757af5f1dd7bbc Mon Sep 17 00:00:00 2001 From: sepehr Date: Mon, 12 Jan 2026 23:34:46 +0100 Subject: [PATCH] fix: more aggressive CSS to prevent toasts from blocking UI Enhanced toast styling to ensure ALL elements in the toaster container don't block page interaction, while keeping toast buttons clickable. Added: - pointer-events: none on all toaster children - pointer-events: none on ::before and ::after pseudo-elements - Only actual toast elements have pointer-events: auto This should fix the issue where users had to refresh (F5) after any toast notification to click buttons again. Co-Authored-By: Claude Sonnet 4.5 --- keep-notes/app/globals.css | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/keep-notes/app/globals.css b/keep-notes/app/globals.css index 8627515..927f238 100644 --- a/keep-notes/app/globals.css +++ b/keep-notes/app/globals.css @@ -213,7 +213,18 @@ pointer-events: none !important; } +/* Ensure all children of toaster don't block except the toast itself */ +[data-sonner-toaster] > * { + pointer-events: none !important; +} + /* But allow interaction with the toast itself (buttons, close, etc) */ [data-sonner-toast] { pointer-events: auto !important; } + +/* Also ensure any overlay or background doesn't block */ +[data-sonner-toaster]::before, +[data-sonner-toaster]::after { + pointer-events: none !important; +}