Merge pull request #8708 from marmelab/UrlField-stopPropagation

Fix `<UrlField>` click is cancelled by `Datagrid`'s row click
marmelab · Mar 6, 2023 · 3d7e384 · 3d7e384
2 parents c6591e3 + 7a05322
commit 3d7e384
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/packages/ra-ui-materialui/src/field/UrlField.tsx b/packages/ra-ui-materialui/src/field/UrlField.tsx
@@ -29,6 +29,7 @@ export const UrlField: FC<UrlFieldProps> = memo(props => {
         <Link
             className={className}
             href={value}
+            onClick={stopPropagation}
             variant="body2"
             {...sanitizeFieldRestProps(rest)}
         >
@@ -44,3 +45,6 @@ export interface UrlFieldProps
     extends PublicFieldProps,
         InjectedFieldProps,
         AnchorHTMLAttributes<HTMLAnchorElement> {}
+
+// useful to prevent click bubbling in a Datagrid with rowClick
+const stopPropagation = e => e.stopPropagation();