Autocomplete en mode dropdown

components/base/Autocomplete.vue

 <template>
   <div class="autocomplete">
-    <label>
-      <span class="is-text is-semi-bold">
-        {{ label ? label : placeholder }}
-      </span>
-      <text-field class="is-fullwidth is-mb-05" :placeholder="placeholder" v-model="filterInput"></text-field>
-    </label>
-    <b-dropdown v-model="selected" aria-role="list" ref="dropdown" mobile-modal="false">
+    <b-dropdown v-model="selected" aria-role="list" ref="dropdown" :mobile-modal="false">
+      <template slot="trigger">
+        <label>
+          <span class="is-text is-semi-bold">
+            {{ label ? label : placeholder }}
+          </span>
+          <text-field class="is-fullwidth is-mb-05" :placeholder="placeholder" v-model="filterInput"></text-field>
+        </label>
+      </template>
         <template v-if="!items.length && !selected">
           <b-dropdown-item>
             Aucun résultat

components/platform/PlatformAccess.vue

@@ -50,9 +50,9 @@ export default {
   },
   computed: {
     filteredAcademies() {
-      return this.academies.filter((academie) => {
+      return this.input !== '' ? this.academies.filter((academie) => {
         return academie.name.toLowerCase().indexOf(this.input.toLowerCase()) !== -1
-      })
+      }) : this.academies
     },
     isShown: {
       get() {