From f385ee8ca21e6e798ae5cf4630c27aa268b8b2dd Mon Sep 17 00:00:00 2001 From: Terry Jia Date: Mon, 8 Dec 2025 21:31:16 -0500 Subject: [PATCH] feat: add showScrollbar prop to VirtualGrid (#7227) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit ## Summary Enable vertical scrollbar in Media Assets sidebar for better navigation when content overflows. The original implementation hid the scrollbar by default. Since the intent behind hiding it wasn't documented, this change preserves the default behavior (showScrollbar: false) while allowing components to opt-in to visible scrollbars when needed. fix https://github.com/Comfy-Org/ComfyUI_frontend/issues/6914 ## Screenshots (if applicable) image ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-7227-feat-add-showScrollbar-prop-to-VirtualGrid-2c36d73d365081c8955ee632c6c644f7) by [Unito](https://www.unito.io) --- src/components/common/VirtualGrid.vue | 13 ++----------- 1 file changed, 2 insertions(+), 11 deletions(-) diff --git a/src/components/common/VirtualGrid.vue b/src/components/common/VirtualGrid.vue index 89de6e421..134778778 100644 --- a/src/components/common/VirtualGrid.vue +++ b/src/components/common/VirtualGrid.vue @@ -117,16 +117,7 @@ onBeforeUnmount(() => { .scroll-container { height: 100%; overflow-y: auto; - - /* Firefox */ - scrollbar-width: none; - - &::-webkit-scrollbar { - width: 1px; - } - - &::-webkit-scrollbar-thumb { - background-color: transparent; - } + scrollbar-width: thin; + scrollbar-color: var(--dialog-surface) transparent; }