From 1300459235020645deedf5f4a36f73e94bbcec46 Mon Sep 17 00:00:00 2001
From: Patrik Oldsberg <poldsberg@gmail.com>
Date: Thu, 2 Nov 2023 14:15:33 +0100
Subject: [PATCH] visualizer: always select entire extension ID

Signed-off-by: Patrik Oldsberg <poldsberg@gmail.com>
---
 .../src/components/AppVisualizerPage/GraphVisualizer.tsx   | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/plugins/visualizer/src/components/AppVisualizerPage/GraphVisualizer.tsx b/plugins/visualizer/src/components/AppVisualizerPage/GraphVisualizer.tsx
index f8b9ae2d72..4f98e890f5 100644
--- a/plugins/visualizer/src/components/AppVisualizerPage/GraphVisualizer.tsx
+++ b/plugins/visualizer/src/components/AppVisualizerPage/GraphVisualizer.tsx
@@ -99,6 +99,9 @@ const useStyles = makeStyles(theme => ({
     borderTopRightRadius: theme.shape.borderRadius,
     borderBottomRightRadius: theme.shape.borderRadius,
   },
+  extensionHeaderId: {
+    userSelect: 'all',
+  },
   extensionHeaderOutputs: {
     display: 'flex',
     flexFlow: 'row nowrap',
@@ -223,7 +226,9 @@ function Extension(props: { node: AppNode }) {
     <Box key={node.spec.id} className={classes.extension}>
       <Box className={classes.extensionHeader}>
         <Tooltip title={<ExtensionTooltip node={node} />}>
-          <Typography>{node.spec.id}</Typography>
+          <Typography className={classes.extensionHeaderId}>
+            {node.spec.id}
+          </Typography>
         </Tooltip>
         <Box className={classes.extensionHeaderOutputs}>
           {dataRefIds &&