From f4868894faec90911499fc049d38cd9c5283cff3 Mon Sep 17 00:00:00 2001 From: Yourz Date: Mon, 16 Mar 2026 06:40:06 +0800 Subject: [PATCH] fix: tree explorer nodes not filling parent container width (#9964) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit ## Summary Fix tree explorer nodes not filling the full width of the sidebar container, causing text to overflow instead of truncating. ## Changes - **What**: Add `min-w-0` to `TreeRoot` to allow flex shrinking within sidebar. Add `w-full` and `min-w-0` to tree node rows so absolutely-positioned virtualizer items fill the container width and text truncates correctly. image ## Review Focus The virtualizer renders each item with `position: absolute; left: 0` but no explicit width, so rows would size to content rather than filling the container. Adding `w-full` ensures rows stretch to 100% of the virtualizer container, and `min-w-0` allows proper flex shrinking for deep indentation levels. ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-9964-fix-tree-explorer-nodes-not-filling-parent-container-width-3246d73d36508138be38fdcac15ae4ef) by [Unito](https://www.unito.io) Co-authored-by: Amp --- src/components/common/TreeExplorerV2.vue | 2 +- src/components/common/TreeExplorerV2Node.vue | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/src/components/common/TreeExplorerV2.vue b/src/components/common/TreeExplorerV2.vue index e72f317a34..c43dca3539 100644 --- a/src/components/common/TreeExplorerV2.vue +++ b/src/components/common/TreeExplorerV2.vue @@ -8,7 +8,7 @@ :get-children=" (item) => (item.children?.length ? item.children : undefined) " - class="m-0 p-0 pb-6" + class="m-0 min-w-0 p-0 pb-6" > >