Destructive confirmation

Give destructive work an alert-dialog role, a safe initial target, and dismissal ownership while the mutation is busy.

Local preview
Play in StackBlitz

Destructive work owns the layer.

The safe action receives focus and dismissal pauses while deletion is in flight.

Project is intact.

What stays true

  • Safe action receives focus
  • Busy work rejects dismissal
  • Controls communicate pending state

Try it deliberately

  • Escape and outside press are conservative for alert dialogs.
  • Keep the destructive operation idempotent even when the UI is locked.