Make sure to stop event propagation

Author: djhi

packages/ra-ui-materialui/src/button/DeleteWithConfirmButton.tsx

@@ -125,7 +125,8 @@ export const DeleteWithConfirmButton = <RecordType extends RaRecord = any>(
         successMessage,
     });
 
-    const handleDialogOpen: ReactEventHandler<any> = () => {
+    const handleDialogOpen: ReactEventHandler<any> = event => {
+        event.stopPropagation();
         setOpen(true);
     };
     const handleDialogClose: ReactEventHandler<any> = () => {

packages/ra-ui-materialui/src/button/DeleteWithUndoButton.tsx

@@ -57,6 +57,7 @@ export const DeleteWithUndoButton = <RecordType extends RaRecord = any>(
         successMessage,
     });
     const handleClick: ReactEventHandler<any> = event => {
+        event.stopPropagation();
         handleDelete();
         if (onClick) {
             onClick(event);