Merge pull request #3006 from akshah123/clone_button_propogation

Fix CloneButton double redirection when used in Datagrid with rowClick
marmelab · Mar 14, 2019 · 0a8f0f5 · 0a8f0f5
2 parents 0999617 + 83eb92b
commit 0a8f0f5
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/packages/ra-ui-materialui/src/button/CloneButton.js b/packages/ra-ui-materialui/src/button/CloneButton.js
@@ -6,6 +6,9 @@ import { Link } from 'react-router-dom';
 
 import Button from './Button';
 
+// useful to prevent click bubbling in a datagrid with rowClick
+const stopPropagation = e => e.stopPropagation();
+
 const omitId = ({ id, ...rest }) => rest;
 
 const sanitizeRestProps = ({
@@ -33,6 +36,7 @@ export const CloneButton = ({
             state: { record: omitId(record) },
         }}
         label={label}
+        onClick={stopPropagation}
         {...sanitizeRestProps(rest)}
     >
         {icon}