Sonner toast appears above Radix UI/ShadCN dialogs & sheets and cannot be swiped
Author: 2neCreated Jul 17, 2025Updated Mar 3, 2026
When a Sonner toast is triggered while a modal layer (Radix UI Dialog or shadcn-ui Sheet/Dialog) is open, the toast renders visually above the modal but does not respond to swipe/dismiss interactions. Pointer events appear to be captured or blocked.
Steps to reproduce:
- Use a Radix UI (or ShadCN) Dialog or Sheet.
- Trigger a toast via Sonner (e.g. toast('message')).
- Observe the toast rendering on top of the modal.
- Attempt to swipe the toast — it fails to dismiss.
Expected behaviour:
- Swipe interaction should still work correctly and remain accessible.
Actual behaviour:
- Swipe gesture can’t be performed—and the toast remains stuck.
Source: emilkowalski/sonner