From 69b69730ca97a164462c842dfc861e8f28692c81 Mon Sep 17 00:00:00 2001
From: Adam Malczewski <github@tradam.dev>
Date: Thu, 15 Oct 2026 09:49:58 +0900
Subject: fix(chat): keep the transcript gutter inside the scroller so overlay
 scrollbars (iPadOS WebKit) never paint over cards

---
 src/app/views/ChatPane.svelte | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

(limited to 'src/app/views')

diff --git a/src/app/views/ChatPane.svelte b/src/app/views/ChatPane.svelte
index 1c04b9f..636cd7c 100644
--- a/src/app/views/ChatPane.svelte
+++ b/src/app/views/ChatPane.svelte
@@ -63,9 +63,15 @@
   });
 </script>
 
-<div class="relative h-full pr-4">
+<div class="relative h-full">
+  <!-- The right gutter lives INSIDE the scroller (on the content), not outside
+       it: overlay scrollbars (iOS/iPadOS WebKit — Safari, Vivaldi, …; macOS)
+       take no layout space and paint over the scroller's right edge, so with
+       the gutter outside they drew on top of the tool/thinking cards. Now the
+       scroller spans to the pane edge and its scrollbar sits in the empty
+       gutter, clear of the content (classic scrollbars likewise). -->
   <div bind:this={transcriptEl} class="h-full overflow-y-auto">
-    <div bind:this={transcriptContentEl}>
+    <div bind:this={transcriptContentEl} class="pr-4">
       {#key store.activeConversationId}
         <ChatView
           chunks={store.activeChat.chunks}
-- 
cgit v1.2.3