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

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

diff --git a/apps/files/src/components/TransferOwnershipDialogue.vue b/apps/files/src/components/TransferOwnershipDialogue.vue
index 5a897d4d92473bbdead153abeca3180b030c30ed..d6f55879c631d891b425a87dda56c020c0c340aa 100644 (file)
--- a/apps/files/src/components/TransferOwnershipDialogue.vue
+++ b/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 {