Merge pull request #13320 from quarto-dev/bugfix/13196

code-copy - get source from the right place (#13196)

Author: cscheid

src/resources/formats/html/templates/quarto-html-after-body.ejs

@@ -96,13 +96,14 @@
     }
   
     const getTextToCopy = function(trigger) {
-        const codeEl = trigger.previousElementSibling.cloneNode(true);
-        for (const childEl of codeEl.children) {
-          if (isCodeAnnotation(childEl)) {
-            childEl.remove();
-          }
+      const outerScaffold = trigger.parentElement.cloneNode(true);
+      const codeEl = outerScaffold.querySelector('code');
+      for (const childEl of codeEl.children) {
+        if (isCodeAnnotation(childEl)) {
+          childEl.remove();
         }
-        return codeEl.innerText;
+      }
+      return codeEl.innerText;
     }
   
     const clipboard = new window.ClipboardJS('.code-copy-button:not([data-in-quarto-modal])', {

tests/docs/smoke-all/2025/09/02/issue-13196.qmd

@@ -0,0 +1,22 @@
+---
+format: html
+code-copy: true
+code-annotations: hover
+_quarto:
+  tests:
+    html:
+      # we need to check two things:
+      # 1. the parent of the button is the scaffold div
+      # 2. the scaffold div contains the code element
+      ensureHtmlElements:
+        - - "div.code-copy-outer-scaffold > button.code-copy-button"
+          - "div.code-copy-outer-scaffold code.sourceCode"
+        - []
+---
+
+```python
+# A commented line
+print("Hello, World!") # <1>
+```
+
+1. This line prints "Hello, World!" to the console.