Multiple "Delete" clicks queue redundant dialogs & cause Internal Error

Description:

If you click the Delete button multiple times before the confirmation dialog appears, the dialogs "stack." After the first successful deletion, the remaining dialogs trigger an Internal Error because the component no longer exists.

Steps to Reproduce:

  1. Select a component.
  2. Click the Delete button in the Components pane more than one time.
  3. Confirm the first dialog; the component is deleted.
  4. Confirm the second dialog; an Internal Error occurs.

Video of the bug:

Suggested Fix:

Add a modal background (scrim) to the dialog to prevent users from interacting with the UI (and clicking "Delete" again) until the current dialog is closed.


Thank you!

P.S. As long as you don’t play with the button on components panel, it’s fine.

@KeepKoding