21224: changed project details order

[arvados.git] / services / workbench2 / src / views-components / resource-properties-form / property-chip.tsx

diff --git a/services/workbench2/src/views-components/resource-properties-form/property-chip.tsx b/services/workbench2/src/views-components/resource-properties-form/property-chip.tsx
index 24b5c0a96dcd6eec494301ab2eb47381047104b9..cfdae3fe8347269accc3eac3b39c5f7a74bac6ea 100644 (file)
--- a/services/workbench2/src/views-components/resource-properties-form/property-chip.tsx
+++ b/services/workbench2/src/views-components/resource-properties-form/property-chip.tsx
@@ -43,10 +43,12 @@ export const PropertyChipComponent = connect(mapStateToProps, mapDispatchToProps
     ({ propKey, propValue, vocabulary, className, onCopy, onDelete }: PropertyChipComponentProps) => {
         const label = `${getTagKeyLabel(propKey, vocabulary)}: ${getTagValueLabel(propKey, propValue, vocabulary)}`;
         return (
-            <CopyToClipboard key={propKey} text={label} onCopy={() => onCopy("Copied to clipboard")}>
-                <Chip onDelete={onDelete} key={propKey}
-                    className={className} label={label} />
-            </CopyToClipboard>
+            <span onClick={(ev)=>ev.stopPropagation()}>
+                <CopyToClipboard key={propKey} text={label} onCopy={() => onCopy("Copied to clipboard")}>
+                    <Chip onDelete={onDelete} key={propKey}
+                        className={className} label={label} />
+                </CopyToClipboard>
+            </span>
         );
     }
 );