fix: allow toast notifications to be closed when a modal is open

The focus trap in the modal component was preventing clicks on elements outside of the modal, including the notification toasts. This change configures the focus trap to allow clicks on toast notifications, so they can be dismissed even when a modal is open.
This commit is contained in:
silentoplayz 2025-10-12 05:52:24 -04:00
parent ffad1f1dd1
commit 1e6426ed4f

View file

@ -57,7 +57,11 @@
$: if (show && modalElement) {
document.body.appendChild(modalElement);
focusTrap = FocusTrap.createFocusTrap(modalElement);
focusTrap = FocusTrap.createFocusTrap(modalElement, {
allowOutsideClick: (e) => {
return e.target.closest('[data-sonner-toast]') !== null;
}
});
focusTrap.activate();
window.addEventListener('keydown', handleKeyDown);
document.body.style.overflow = 'hidden';