From b334bdc757c1177a16b4f13255fd0523f515577a Mon Sep 17 00:00:00 2001
From: Marco Beretta <81851188+berry-13@users.noreply.github.com>
Date: Fri, 31 Jul 2026 05:16:41 +0200
Subject: [PATCH] fix(client): pin the bash copy button while the command
 scrolls

The button lived inside the scroll container with sticky/float
positioning, so horizontal scrolling dragged it through the command
text. It now sits absolutely in a non-scrolling wrapper around the
scroller and stays in the corner on both axes.
---
 .../Chat/Messages/Content/Parts/BashCall.tsx  | 26 ++++++++++---------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/client/src/components/Chat/Messages/Content/Parts/BashCall.tsx b/client/src/components/Chat/Messages/Content/Parts/BashCall.tsx
index a6e68a2f2e..11156abc9a 100644
--- a/client/src/components/Chat/Messages/Content/Parts/BashCall.tsx
+++ b/client/src/components/Chat/Messages/Content/Parts/BashCall.tsx
@@ -164,24 +164,26 @@ export default function BashCall({
             )}
           >
             {command && (
-              <div
-                ref={commandPaneRef}
-                onScroll={onCommandPaneScroll}
-                className="relative max-h-[300px] overflow-auto bg-surface-tertiary dark:bg-gray-950"
-              >
+              <div className="relative bg-surface-tertiary dark:bg-gray-950">
                 <CopyButton
                   iconOnly
                   isCopied={isCopied}
                   onClick={handleCopy}
-                  className="sticky right-0 top-1 float-right mr-1.5 mt-1"
+                  className="absolute right-1.5 top-1"
                   label={localize('com_ui_copy_code')}
                 />
-                <pre className="whitespace-pre-wrap break-words px-3 py-2.5 pr-10 font-mono text-xs">
-                  <span className="select-none text-text-tertiary" aria-hidden="true">
-                    {'$ '}
-                  </span>
-                  <code className="hljs language-bash">{highlighted ?? command}</code>
-                </pre>
+                <div
+                  ref={commandPaneRef}
+                  onScroll={onCommandPaneScroll}
+                  className="max-h-[300px] overflow-auto"
+                >
+                  <pre className="whitespace-pre-wrap break-words px-3 py-2.5 pr-10 font-mono text-xs">
+                    <span className="select-none text-text-tertiary" aria-hidden="true">
+                      {'$ '}
+                    </span>
+                    <code className="hljs language-bash">{highlighted ?? command}</code>
+                  </pre>
+                </div>
               </div>
             )}
             <PtcToolTrace