fix bug when opening a different autocomplete than the currently open…

…ed one

src/modules/feature/room/RoomMembers/AddMembers.vue

@@ -52,7 +52,6 @@
 						variant="underlined"
 						:items="memberList"
 						:label="t('common.labels.name')"
-						:no-data-text="t('common.nodata')"
 						@update:menu="onAutocompleteToggle"
 					/>
 				</div>
@@ -90,6 +89,7 @@ import { PropType, ref, toRef } from "vue";
 import { RoleName, SchoolForExternalInviteResponse } from "@/serverApi/v3";
 import { RoomMember } from "@data-room";
 import { useFocusTrap } from "@vueuse/integrations/useFocusTrap";
+import { VAutocomplete } from "vuetify/lib/components/index.mjs";
 
 const props = defineProps({
 	memberList: {
@@ -129,16 +129,32 @@ const onAddMembers = () => {
 	emit("close");
 };
 
-const onAutocompleteToggle = (open: boolean) => {
-	if (open) {
+const onClose = () => emit("close");
+
+const addMembersContent = ref();
+const { pause, unpause } = useFocusTrap(addMembersContent, {
+	immediate: true,
+});
+
+const autoCompleteSchool = ref<VAutocomplete>();
+const autoCompleteRole = ref<VAutocomplete>();
+const autoCompleteUsers = ref<VAutocomplete>();
+
+const onAutocompleteToggle = () => {
+	const autocompleteRefs = [
+		autoCompleteSchool,
+		autoCompleteRole,
+		autoCompleteUsers,
+	];
+
+	const isAnyAutocompleteOpen = autocompleteRefs.some(
+		(autocomplete) => autocomplete.value?.menu
+	);
+
+	if (isAnyAutocompleteOpen) {
 		pause();
 	} else {
 		unpause();
 	}
 };
-
-const onClose = () => emit("close");
-
-const addMembersContent = ref();
-const { pause, unpause } = useFocusTrap(addMembersContent, { immediate: true });
 </script>