From 5bbb40f1e0fc8339056661efb5fdaa54f7eab325 Mon Sep 17 00:00:00 2001
From: yu859 <15715093608@163.com>
Date: Sat, 1 Aug 2026 16:08:20 +0800
Subject: [PATCH] fix: keep plugin flow timeline visible when the calls table
 overflows

---
 packages/rolldown/src/app/components/flowmap/PluginFlow.vue | 6 +++---
 packages/vite/src/app/components/flowmap/PluginFlow.vue     | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/rolldown/src/app/components/flowmap/PluginFlow.vue b/packages/rolldown/src/app/components/flowmap/PluginFlow.vue
index 742ad4678..2efcfbf86 100644
--- a/packages/rolldown/src/app/components/flowmap/PluginFlow.vue
+++ b/packages/rolldown/src/app/components/flowmap/PluginFlow.vue
@@ -100,7 +100,7 @@ function toggleShowType() {
 <template>
   <div class="p2 h-full w-full">
     <div class="flex border border-base rounded-2 h-full relative of-hidden">
-      <div v-if="expanded" class="of-hidden border-r border-base">
+      <div v-if="expanded" class="of-hidden border-r border-base shrink-0">
         <FlowmapPluginFlowTimeline
           :session="session"
           :build-metrics="buildMetrics"
@@ -114,7 +114,7 @@ function toggleShowType() {
           </template>
         </FlowmapPluginFlowTimeline>
       </div>
-      <div class="flex-1 h-full min-h-0 flex flex-col">
+      <div class="flex-1 h-full min-w-0 min-h-0 flex flex-col">
         <div class="flex items-center justify-between border-b border-base px2 h10 bg-base rounded-t-2 of-x-auto ws-nowrap">
           <div class="flex items-center h-full">
             <button v-if="!expanded" class="w8 h8 rounded-full cursor-pointer mr1 hover:bg-active flex items-center justify-center" @click="toggleExpanded(true)">
@@ -137,7 +137,7 @@ function toggleShowType() {
             </button>
           </div>
         </div>
-        <div class="flex-1 min-h-0 overscroll-contain">
+        <div class="flex-1 min-h-0 of-x-auto overscroll-contain">
           <DataPluginDetailsTable
             :session="session"
             :build-metrics="buildMetrics"
diff --git a/packages/vite/src/app/components/flowmap/PluginFlow.vue b/packages/vite/src/app/components/flowmap/PluginFlow.vue
index c97bd9a54..e5ed4cfd2 100644
--- a/packages/vite/src/app/components/flowmap/PluginFlow.vue
+++ b/packages/vite/src/app/components/flowmap/PluginFlow.vue
@@ -102,7 +102,7 @@ function toggleShowType() {
 <template>
   <div class="p2 h-full w-full">
     <div class="flex border border-base rounded-2 h-full relative of-hidden">
-      <div v-if="expanded" class="of-hidden border-r border-base">
+      <div v-if="expanded" class="of-hidden border-r border-base shrink-0">
         <FlowmapPluginFlowTimeline
           :build-metrics="buildMetrics"
         >
@@ -115,7 +115,7 @@ function toggleShowType() {
           </template>
         </FlowmapPluginFlowTimeline>
       </div>
-      <div class="flex-1 h-full min-h-0 flex flex-col">
+      <div class="flex-1 h-full min-w-0 min-h-0 flex flex-col">
         <div class="flex items-center justify-between border-b border-base px2 h10 bg-base rounded-t-2 of-x-auto ws-nowrap">
           <div class="flex items-center h-full">
             <button v-if="!expanded" class="w8 h8 rounded-full cursor-pointer mr1 hover:bg-active flex items-center justify-center" @click="toggleExpanded(true)">
@@ -138,7 +138,7 @@ function toggleShowType() {
             </button>
           </div>
         </div>
-        <div class="flex-1 min-h-0 overscroll-contain">
+        <div class="flex-1 min-h-0 of-x-auto overscroll-contain">
           <DataPluginDetailsTable
             :modules="modules"
             :build-metrics="buildMetrics"