fix(docs) copy elements

Author: sergical

src/components/codeBlock/code-blocks.module.scss

@@ -8,10 +8,9 @@
     border-radius: 0 0 6px 6px;
     margin-top: 0;
     margin-bottom: 0;
-    /* Wrap overly long lines so blocks never expand layout */
-    white-space: pre-wrap;
-    word-break: break-word;
-    overflow-wrap: anywhere;
+    /* Use horizontal scroll instead of wrapping */
+    white-space: pre;
+    overflow-x: auto;
     max-width: 100%;
     tab-size: 2;
   }
@@ -26,10 +25,9 @@
     border: 1px solid var(--accent-11);
     border-radius: 6px;
     margin: 0;
-    /* Ensure syntax-highlighted pre behaves like above */
-    white-space: pre-wrap;
-    word-break: break-word;
-    overflow-wrap: anywhere;
+    /* Use horizontal scroll instead of wrapping */
+    white-space: pre;
+    overflow-x: auto;
   }
 
   /**
@@ -76,10 +74,8 @@
     float: left;
     min-width: 100%;
     box-sizing: border-box;
-    /* Allow wrapping inside each highlighted line */
-    white-space: pre-wrap;
-    word-break: break-word;
-    overflow-wrap: anywhere;
+    /* Use horizontal scroll instead of wrapping */
+    white-space: pre;
     // Set placeholder for highlight accent border color to transparent
     border-left: 4px solid rgba(0, 0, 0, 0);
 

src/components/codeBlock/index.tsx

@@ -25,9 +25,17 @@ function getCopiableText(element: HTMLDivElement) {
   let text = '';
   const walker = document.createTreeWalker(element, NodeFilter.SHOW_TEXT, {
     acceptNode: function (node) {
-      // Skip if parent has .no-copy class
-      if (node.parentElement?.classList.contains('no-copy')) {
-        return NodeFilter.FILTER_REJECT;
+      let parent = node.parentElement;
+      // Walk up the tree to check if any parent has .no-copy, .hidden, or data-onboarding-option-hidden
+      while (parent && parent !== element) {
+        if (
+          parent.classList.contains('no-copy') ||
+          parent.classList.contains('hidden') ||
+          (parent as HTMLElement).dataset?.onboardingOptionHidden
+        ) {
+          return NodeFilter.FILTER_REJECT;
+        }
+        parent = parent.parentElement;
       }
       return NodeFilter.FILTER_ACCEPT;
     },