Merge pull request #2686 from plattdl/master

Fix EditButton in Datagrids using rowClick
marmelab · Dec 26, 2018 · 079f792 · 079f792
2 parents c87915b + 7b5689b
commit 079f792
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/packages/ra-ui-materialui/src/button/EditButton.js b/packages/ra-ui-materialui/src/button/EditButton.js
@@ -7,6 +7,9 @@ import { linkToRecord } from 'ra-core';
 
 import Button from './Button';
 
+// useful to prevent click bubbling in a datagrid with rowClick
+const stopPropagation = e => e.stopPropagation();
+
 const EditButton = ({
     basePath = '',
     label = 'ra.action.edit',
@@ -18,6 +21,7 @@ const EditButton = ({
         component={Link}
         to={linkToRecord(basePath, record.id)}
         label={label}
+        onClick={stopPropagation}
         {...rest}
     >
         {icon}