From abcfb8fdf247c126a66267660125d5e37cb3b37a Mon Sep 17 00:00:00 2001
From: Donghao Ren <donghao.ren@gmail.com>
Date: Sat, 17 Jan 2026 23:07:34 -0800
Subject: [PATCH] fix: list layout right panel scroll bar overlap with charts

---
 packages/viewer/src/layouts/list/ListLayout.svelte | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/viewer/src/layouts/list/ListLayout.svelte b/packages/viewer/src/layouts/list/ListLayout.svelte
index 3cc9cc30..33f312ec 100644
--- a/packages/viewer/src/layouts/list/ListLayout.svelte
+++ b/packages/viewer/src/layouts/list/ListLayout.svelte
@@ -67,6 +67,7 @@
 
   let tableHeight = $state(300);
   let panelWidth = $state(400);
+  let panelContainerWidth = $state(400);
 
   let sections = $derived.by(deepMemo(() => getSections(charts)));
 
@@ -168,13 +169,12 @@
     {/if}
     <!-- Right side: charts -->
     {#if hasChart}
-      {@const chartsWidth = hasEmbedding || hasTable ? panelWidth : containerWidth}
       <div
         class="h-full overflow-x-hidden overflow-y-scroll"
-        style:width="{chartsWidth}px"
+        style:width="{hasEmbedding || hasTable ? panelWidth : containerWidth}px"
         transition:slide={{ axis: "x" }}
       >
-        <div class="flex flex-row flex-wrap gap-2" style:width="{chartsWidth}px">
+        <div class="flex flex-row flex-wrap gap-2" bind:clientWidth={panelContainerWidth}>
           <button
             class="bg-white dark:bg-black rounded-md flex flex-col justify-center items-center gap-2 p-2 w-full text-slate-500 hover:text-slate-900 dark:text-slate-400 dark:hover:text-slate-100 select-none"
             onclick={() => {
@@ -190,7 +190,7 @@
             {@const isVisible = layoutState.chartVisibility?.[id] ?? true}
             <div
               class="bg-white dark:bg-black rounded-md flex flex-col group"
-              style:width="{chartWidth(chartsWidth, 500)}px"
+              style:width="{chartWidth(panelContainerWidth, 500)}px"
               animate:flip={{ duration: 300 }}
               out:slide
             >