From 75ad4876bfecc2f8cdac910233396f6a79fef7b4 Mon Sep 17 00:00:00 2001
From: Nitwel <mail@nitwel.de>
Date: Mon, 27 Mar 2023 16:12:17 +0200
Subject: [PATCH] only hide v-select options (#17953)

---
 app/src/components/v-select/select-list-item-group.vue | 1 +
 app/src/components/v-select/select-list-item.vue       | 1 +
 app/src/components/v-select/types.ts                   | 1 +
 app/src/components/v-select/v-select.vue               | 5 ++---
 4 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/app/src/components/v-select/select-list-item-group.vue b/app/src/components/v-select/select-list-item-group.vue
index 7602e62321..dad613e878 100644
--- a/app/src/components/v-select/select-list-item-group.vue
+++ b/app/src/components/v-select/select-list-item-group.vue
@@ -1,5 +1,6 @@
 <template>
 	<v-list-group
+		v-show="!item.hidden"
 		:active="isActive"
 		:clickable="groupSelectable || item.selectable"
 		:value="item.value"
diff --git a/app/src/components/v-select/select-list-item.vue b/app/src/components/v-select/select-list-item.vue
index 21d5d4ec81..c5fd4e1b72 100644
--- a/app/src/components/v-select/select-list-item.vue
+++ b/app/src/components/v-select/select-list-item.vue
@@ -3,6 +3,7 @@
 
 	<v-list-item
 		v-else
+		v-show="!item.hidden"
 		:active="isActive"
 		:disabled="item.disabled"
 		clickable
diff --git a/app/src/components/v-select/types.ts b/app/src/components/v-select/types.ts
index 866b57525a..fa2e340399 100644
--- a/app/src/components/v-select/types.ts
+++ b/app/src/components/v-select/types.ts
@@ -6,4 +6,5 @@ export type Option = {
 	children?: Option[];
 	divider?: boolean;
 	selectable?: boolean;
+	hidden?: boolean;
 };
diff --git a/app/src/components/v-select/v-select.vue b/app/src/components/v-select/v-select.vue
index 55893fddb7..44e5f62709 100644
--- a/app/src/components/v-select/v-select.vue
+++ b/app/src/components/v-select/v-select.vue
@@ -258,6 +258,7 @@ function useItems() {
 				disabled: get(item, props.itemDisabled),
 				selectable: get(item, props.itemSelectable),
 				children: children ? children.filter(filterItem) : children,
+				hidden: internalSearch.value ? !filterItem(item) : false,
 			};
 		};
 
@@ -281,9 +282,7 @@ function useItems() {
 			}
 		};
 
-		const items = internalSearch.value ? props.items.filter(filterItem).map(parseItem) : props.items.map(parseItem);
-
-		return items;
+		return props.items.map(parseItem);
 	});
 
 	const internalItemsCount = computed<number>(() => {