#667·sonner

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:

  1. Use a Radix UI (or ShadCN) Dialog or Sheet.
  2. Trigger a toast via Sonner (e.g. toast('message')).
  3. Observe the toast rendering on top of the modal.
  4. 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.