fix(files_sharing): make sure IDs are unique for HTML elements

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>

apps/files_sharing/src/components/SharingInput.vue

@@ -5,13 +5,13 @@
 
 <template>
 	<div class="sharing-search">
-		<label class="hidden-visually" for="sharing-search-input">
+		<label class="hidden-visually" :for="shareInputId">
 			{{ isExternal ? t('files_sharing', 'Enter external recipients')
 				: t('files_sharing', 'Search for internal recipients') }}
 		</label>
 		<NcSelect ref="select"
 			v-model="value"
-			input-id="sharing-search-input"
+			:input-id="shareInputId"
 			class="sharing-search__input"
 			:disabled="!canReshare"
 			:loading="loading"
@@ -87,6 +87,12 @@ export default {
 		},
 	},
 
+	setup() {
+		return {
+			shareInputId: `share-input-${Math.random().toString(36).slice(2, 7)}`,
+		}
+	},
+
 	data() {
 		return {
 			config: new Config(),