Merge pull request #19275 from nextcloud/bugfix/18626/owner-transfer-multiselect

Bugfix/18626/owner transfer multiselect

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"
@@ -95,6 +96,9 @@ export default {
 			loadingUsers: false,
 			selectedUser: null,
 			userSuggestions: {},
+			config: {
+				minSearchStringLength: parseInt(OC.config['sharing.minSearchStringLength'], 10) || 0,
+			},
 		}
 	},
 	computed: {
@@ -127,6 +131,7 @@ export default {
 	},
 	created() {
 		this.findUserDebounced = debounce(this.findUser, 300)
+		this.findUser('')
 	},
 	methods: {
 		start() {
@@ -151,7 +156,7 @@ export default {
 		async findUser(query) {
 			this.query = query.trim()
 
-			if (query.length < 3) {
+			if (query.length < this.config.minSearchStringLength) {
 				return
 			}
 
@@ -231,16 +236,15 @@ p {
 	label {
 		display: flex;
 		align-items: center;
-		flex-grow: 1;
 
 		span {
 			margin-right: 8px;
 		}
+	}
 
-		.multiselect {
+	.multiselect {
-			flex-grow: 1;
+		flex-grow: 1;
-			max-width: 280px;
+		max-width: 280px;
-		}
 	}
 }
 .transfer-select-row {