From caeab46ca685d6922213c726a9a4ffdc9ea6fd1b Mon Sep 17 00:00:00 2001 From: Truman Gao <106889354+tdgao@users.noreply.github.com> Date: Fri, 19 Jun 2026 12:07:13 -0600 Subject: [PATCH] fix: clicking scrollbar closes combobox (#6443) * fix: clicking overlay scrollbar closes combobox * feat: adjust multiselect scrollbar style * feat: for dropdown mutliselect too --- packages/ui/src/components/base/Combobox.vue | 7 ++++--- packages/ui/src/components/base/DropdownFilterBar.vue | 6 +++--- packages/ui/src/components/base/MultiSelect.vue | 6 +++--- 3 files changed, 10 insertions(+), 9 deletions(-) diff --git a/packages/ui/src/components/base/Combobox.vue b/packages/ui/src/components/base/Combobox.vue index be06b0acc..8b8230e3e 100644 --- a/packages/ui/src/components/base/Combobox.vue +++ b/packages/ui/src/components/base/Combobox.vue @@ -116,6 +116,7 @@ ref="optionsScrollbarRef" class="combobox-options-scrollbar bg-surface-4" data-overlayscrollbars-initialize + @mousedown.prevent.stop >
.combobox-options-scrollbar :deep(.os-theme-modrinth) { - --os-size: 10px; - --os-padding-perpendicular: 2px; - --os-padding-axis: 2px; + --os-size: 8px; + --os-padding-perpendicular: 0px; + --os-padding-axis: 0px; --os-track-bg: transparent; --os-track-bg-hover: transparent; --os-track-bg-active: transparent; diff --git a/packages/ui/src/components/base/DropdownFilterBar.vue b/packages/ui/src/components/base/DropdownFilterBar.vue index e7acd5e06..8c1971dbc 100644 --- a/packages/ui/src/components/base/DropdownFilterBar.vue +++ b/packages/ui/src/components/base/DropdownFilterBar.vue @@ -1874,9 +1874,9 @@ onBeforeUnmount(() => { } .dropdown-filter-bar-options-scrollbar :deep(.os-theme-modrinth) { - --os-size: 10px; - --os-padding-perpendicular: 2px; - --os-padding-axis: 2px; + --os-size: 8px; + --os-padding-perpendicular: 0px; + --os-padding-axis: 0px; --os-track-bg: transparent; --os-track-bg-hover: transparent; --os-track-bg-active: transparent; diff --git a/packages/ui/src/components/base/MultiSelect.vue b/packages/ui/src/components/base/MultiSelect.vue index 6ef846b1c..9d7491b26 100644 --- a/packages/ui/src/components/base/MultiSelect.vue +++ b/packages/ui/src/components/base/MultiSelect.vue @@ -1415,9 +1415,9 @@ watch( } .multi-select-options-scrollbar :deep(.os-theme-modrinth) { - --os-size: 10px; - --os-padding-perpendicular: 2px; - --os-padding-axis: 2px; + --os-size: 8px; + --os-padding-perpendicular: 0px; + --os-padding-axis: 0px; --os-track-bg: transparent; --os-track-bg-hover: transparent; --os-track-bg-active: transparent;