keyboard shortcut copies highlighted code only

abue9 · Jul 15, 2021 · ae5436a · ae5436a
1 parent 49e67a0
commit ae5436a
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/lib/components/src/syntaxhighlighter/syntaxhighlighter.tsx b/lib/components/src/syntaxhighlighter/syntaxhighlighter.tsx
@@ -163,7 +163,12 @@ export const SyntaxHighlighter: FunctionComponent<Props> = ({
   const onClick = (e: MouseEvent<HTMLButtonElement> | ClipboardEvent<HTMLDivElement>) => {
     e.preventDefault();
 
-    copyToClipboard(highlightableCode)
+    const textToCopy =
+      e.type !== 'click' && globalWindow.getSelection().toString() !== ''
+        ? globalWindow.getSelection().toString()
+        : highlightableCode;
+
+    copyToClipboard(textToCopy)
       .then(() => {
         setCopied(true);
         globalWindow.setTimeout(() => setCopied(false), 1500);