[stable8] fix(NcSelectUsers): add missing search event

cypress/component/NcSelectUsers.cy.ts

@@ -0,0 +1,41 @@
+/**
+ * SPDX-FileCopyrightText: 2025 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+
+import { mount } from 'cypress/vue2'
+import NcSelectUsers from '../../src/components/NcSelectUsers/NcSelectUsers.vue'
+
+it('emits the search event', async () => {
+	const wrapper = mount(NcSelectUsers, {
+		propsData: {
+			ariaLabelCombobox: 'Search users',
+			options: [],
+		},
+	})
+
+	wrapper.get('input[type="search"]')
+		.type('query')
+
+	wrapper.then(({ wrapper }) => {
+		expect(wrapper.emitted('search')).to.eql([['query']])
+	})
+})
+
+it('also emits the search event if cleared', async () => {
+	const wrapper = mount(NcSelectUsers, {
+		propsData: {
+			ariaLabelCombobox: 'Search users',
+			options: [],
+		},
+	})
+
+	wrapper.get('input[type="search"]')
+		.type('query')
+	wrapper.get('input[type="search"]')
+		.type('{clearAll}')
+
+	wrapper.then(({ wrapper }) => {
+		expect(wrapper.emitted('search')).to.eql([['query', '']])
+	})
+})

src/components/NcSelectUsers/NcSelectUsers.vue

@@ -165,12 +165,12 @@ export default {
 </docs>
 
 <script setup>
-import { ref } from 'vue'
+import { ref, watch } from 'vue'
 import { t } from '../../l10n.js'
 import createElementId from '../../utils/GenRandomId.js'
 
 import NcListItemIcon from '../NcListItemIcon/NcListItemIcon.vue'
-import NcSelect from '../NcSelect/index.js'
+import NcSelect from '../NcSelect/NcSelect.vue'
 
 const props = defineProps({
 	/**
@@ -321,9 +321,16 @@ const props = defineProps({
 	},
 })
 
-defineEmits(['update:modelValue'])
+const emit = defineEmits(['search', 'update:modelValue'])
 
 const search = ref('')
+watch(search, () => {
+	/**
+	 * Emitted when the user enters some query.
+	 * This can be used to asynchronously fetch more options.
+	 */
+	emit('search', search.value)
+})
 
 // Avatar size so the component has the same size as Nc*Field
 const clickableArea = Number.parseInt(window.getComputedStyle(document.body).getPropertyValue('--default-clickable-area'))