Toasts wait rather than expiring unseen

The countdown pauses while you hover or touch a toast, while the tab is hidden, and while any modal is covering it.

What it is

Toasts sit deliberately below modal backdrops. Any covering layer stamps a marker attribute on its backdrop and a body observer pauses every timer while one is present. Collapsed overflow toasts do not tick either — they wait their turn.

Also called: the alert vanished · I missed the popup · toast timer

See it
Toasts wait rather than expiring unseen
Area
Operations
Group
Notifications
System
Notifications
Solves
1 named problem
01A MutationObserver on the body watches for the covering-overlay marker, and is attached only while toasts exist.
02Hover, touch, document hidden and overlay presence each hold the timer.
03Timers advance on a 200ms tick.
A toast frozen behind a confirm dialog, its progress bar stalled. NotificationToaster.tsx. Sample data — no customer information appears here.
How it works
  1. 1A MutationObserver on the body watches for the covering-overlay marker, and is attached only while toasts exist.
  2. 2Hover, touch, document hidden and overlay presence each hold the timer.
  3. 3Timers advance on a 200ms tick.
Why we built it

The comment states the goal: 'so nothing expires unseen behind a confirm dialog'. Layering is spelled out — toasts sit at a z-index intentionally below the bell panel, contract modal and confirm dialog.

The problem
  • Toasts expiring behind modals or in hidden tabs
Sound familiar?
What you get
An alert waits for your attention rather than burning its clock

See it on your own jobs

Twenty minutes, your numbers, no slide deck. We’ll build one of your real buildings in front of you and send you the estimate link at the end — yours to keep either way.

or keep browsing features →