treatment of deletion confirmation on top of side modal #3209
-
|
currently working on a delete confirmation dialog when a user clicks to remove an item in the side modal. is it ok to throw a confirmation dialog on top of the side modal, or is there another recommended treatment? i feel like it's typically not great to do a dialog on top of a side modal here, but i feel like it might be the only treatment to get at this use case.
there's also another instance where we do this currently within the segment app (it's not a delete, but it's a confirmation of navigating away from the side sheet, so a bit different) when you're on the side sheet: if a customer tries to navigate away from the support ticket they're filling out, we show this: |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 3 replies
-
|
Hey @simsemma ! Can you explain more about "i feel like it's typically not great to do a dialog on top of a side modal here"? Is it the asymmetry or the overlay-on-overlay (or something else) part of the treatment that makes you feel like it's not great? |
Beta Was this translation helpful? Give feedback.
-
|
the overlay-on-overlay 😄 |
Beta Was this translation helpful? Give feedback.
-
|
Yeeeah, it's one of the downsides of over-relying on overlays and dialogs 😬, but there's nothing necessarily wrong with it. Alert Dialogs are meant to focus attention and block everything else, so they're serving their purpose here. If the action is low-severity enough / pretty easily reversible and you're trying to avoid the overlay-on-overlay, you could consider not showing the Alert Dialog on-delete, and pop a toast when the deletion has gone through, ideally with an undo button. |
Beta Was this translation helpful? Give feedback.
-
|
ah ok thanks, that's super helpful! i think in this case it's more than low-severity, so perhaps relying on the dialog is the right way to go 🤔 |
Beta Was this translation helpful? Give feedback.
Yeeeah, it's one of the downsides of over-relying on overlays and dialogs 😬, but there's nothing necessarily wrong with it. Alert Dialogs are meant to focus attention and block everything else, so they're serving their purpose here.
If the action is low-severity enough / pretty easily reversible and you're trying to avoid the overlay-on-overlay, you could consider not showing the Alert Dialog on-delete, and pop a toast when the deletion has gone through, ideally with an undo button.