Tackles most of the issues discussed in #437.

src/views/admin/components/edition/item-edition-form.vue

@@ -485,6 +485,7 @@
                                         :key="index"
                                         :item-metadatum="itemMetadatum"
                                         :is-collapsed="metadataCollapses[index]"
+                                        :is-last-metadatum="index > 2 && (index == metadatumList.length - 1)"
                                         @changeCollapse="onChangeCollapse($event, index)"/>
 
                                 <!-- Hook for extra Form options -->

src/views/admin/components/lists/items-list.vue

@@ -23,7 +23,6 @@
                     </b-checkbox>
                 </span>
             </div>
-            <pre>{{ firstSelectedIndex }}</pre>
             <div class="field">
                 <b-dropdown
                         :mobile-modal="true"

src/views/admin/components/metadata-types/relationship/Relationship.vue

@@ -10,8 +10,10 @@
                 @input="onInput"
                 @blur="onBlur"
                 :data="options"
-                :maxtags="maxtags != undefined ? maxtags : (itemMetadatum.metadatum.multiple == 'yes' || allowNew === true ? 100 : 1)"
+                :maxtags="maxtags != undefined ? maxtags : (itemMetadatum.metadatum.multiple == 'yes' || allowNew === true ? null : 1)"
                 autocomplete
+                :remove-on-keys="[]"
+                :dropdown-position="isLastMetadatum ? 'top' :'auto'"
                 attached
                 :placeholder="$i18n.get('instruction_type_existing_item')"
                 :loading="isLoading"
@@ -82,7 +84,8 @@
             itemMetadatum: Object,
             maxtags: undefined,
             disabled: false,
-            allowNew: true
+            allowNew: true,
+            isLastMetadatum: false
         },
         data() {
             return {

src/views/admin/components/metadata-types/selectbox/FormSelectbox.vue

@@ -16,6 +16,7 @@
                     @input="emitValues()"
                     @focus="clear()"
                     attached
+                    :remove-on-keys="[]"
                     :aria-close-label="$i18n.get('remove_value')"
                     :class="{'has-selected': options != undefined && options != []}"
                     :placeholder="$i18n.get('new') + ', ...'"/>
@@ -34,7 +35,7 @@
             return {
                 optionType: '',
                 optionMessage: '',
-                options: []
+                options: [],
             }
         },
         computed: {

src/views/admin/components/metadata-types/tainacan-form-item.vue

@@ -104,7 +104,8 @@
                         v-model="values"
                         :item-metadatum="itemMetadatum"
                         @input="changeValue"
-                        @blur="performValueChange"/>
+                        @blur="performValueChange"
+                        :is-last-metadatum="isLastMetadatum" />
             </div>
         </transition>
     </b-field>
@@ -118,7 +119,8 @@
         props: {
             itemMetadatum: Object,
             isCollapsed: true,
-            hideCollapses: false
+            hideCollapses: false,
+            isLastMetadatum: false
         },
         data(){
             return {

src/views/admin/components/metadata-types/taxonomy/FormTaxonomy.vue

@@ -109,6 +109,7 @@
                     @input="updateSelectedCollections"
                     @focus="clear()"
                     attached
+                    :remove-on-keys="[]"
                     :aria-close-label="$i18n.get('remove_value')"
                     :class="{'has-selected': link_filtered_by_collections != undefined && link_filtered_by_collections != []}"
                     :placeholder="$i18n.get('instruction_select_one_or_more_collections')"

src/views/admin/components/metadata-types/taxonomy/TaxonomyTaginput.vue

@@ -13,6 +13,8 @@
                 v-model="selected"
                 :data="labels"
                 field="label"
+                :remove-on-keys="[]"
+                :dropdown-position="isLastMetadatum ? 'top' :'auto'"
                 attached
                 ellipsis
                 :aria-close-label="$i18n.get('remove_value')"
@@ -59,6 +61,7 @@
             disabled: false,
             allowSelectToCreate: false,
             maxtags: '',
+            isLastMetadatum: false
         },
         data() {
             return {

src/views/admin/components/metadata-types/user/User.vue

@@ -16,6 +16,8 @@
                 :placeholder="$i18n.get('instruction_type_search_users')"
                 keep-first
                 open-on-focus
+                :remove-on-keys="[]"
+                :dropdown-position="isLastMetadatum ? 'top' :'auto'"
                 :loading="isLoading || isLoading"
                 :aria-close-label="$i18n.get('remove_value')"
                 :class="{'has-selected': selected != undefined && selected != []}"
@@ -58,6 +60,7 @@ export default {
         maxtags: undefined,
         disabled: false,
         allowNew: true,
+        isLastMetadatum: false
     },
     data() {
         return {