Merge pull request #2716 from plattdl/master

Fix ShowButton in Datagrids using rowClick
marmelab · Jan 3, 2019 · 7bcf6cb · 7bcf6cb
2 parents c77e0e0 + 4ee495e
commit 7bcf6cb
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/packages/ra-ui-materialui/src/button/ShowButton.js b/packages/ra-ui-materialui/src/button/ShowButton.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 ShowButton = ({
     basePath = '',
     label = 'ra.action.show',
@@ -18,6 +21,7 @@ const ShowButton = ({
         component={Link}
         to={`${linkToRecord(basePath, record.id)}/show`}
         label={label}
+        onClick={stopPropagation}
         {...rest}
     >
         {icon}