Fix issue when selecting an entry, the multiselect input was not closed

Signed-off-by: Julius Härtl <jus@bitgrid.net>

apps/files/src/components/TransferOwnershipDialogue.vue

@@ -34,25 +34,26 @@
 				<span class="error">{{ directoryPickerError }}</span>
 			</p>
 			<p class="new-owner-row">
-				<label>
+				<label for="targetUser">
 					<span>{{ t('files', 'New owner') }}</span>
-					<Multiselect
-						v-model="selectedUser"
-						:options="formatedUserSuggestions"
-						:multiple="false"
-						:searchable="true"
-						:placeholder="t('files', 'Search users')"
-						:preselect-first="true"
-						:preserve-search="true"
-						:loading="loadingUsers"
-						track-by="user"
-						label="displayName"
-						:internal-search="false"
-						:clear-on-select="false"
-						:user-select="true"
-						class="middle-align"
-						@search-change="findUserDebounced" />
 				</label>
+				<Multiselect
+					id="targetUser"
+					v-model="selectedUser"
+					:options="formatedUserSuggestions"
+					:multiple="false"
+					:searchable="true"
+					:placeholder="t('files', 'Search users')"
+					:preselect-first="true"
+					:preserve-search="true"
+					:loading="loadingUsers"
+					track-by="user"
+					label="displayName"
+					:internal-search="false"
+					:clear-on-select="false"
+					:user-select="true"
+					class="middle-align"
+					@search-change="findUserDebounced" />
 			</p>
 			<p>
 				<input type="submit"
@@ -231,16 +232,15 @@ p {
 	label {
 		display: flex;
 		align-items: center;
-		flex-grow: 1;
 
 		span {
 			margin-right: 8px;
 		}
+	}
 
-		.multiselect {
-			flex-grow: 1;
-			max-width: 280px;
-		}
+	.multiselect {
+		flex-grow: 1;
+		max-width: 280px;
 	}
 }
 .transfer-select-row {