<b-input-group :prepend="$t('Vendor') + ' : '"> <b-form-input list="vendor-list-id" v-model="cur_vendor" @change="find_vendor_id" autocomplete="off" ></b-form-input> <datalist id="vendor-list-id"> <option></option> <option v-for="vendor in vendor_cname_list" :key="vendor" :value="vendor" > {{ vendor }} </option> </datalist> </b-input-group>

El código anterior creará un grupo de entrada, pero el borde derecho desaparecerá. Extrañamente, si agrego un espacio al final de <b-input-group> el borde se mostrará nuevamente, como tal

 <b-input-group :prepend="$t('Vendor') + ' : '" append=" "> <b-form-input list="vendor-list-id" v-model="cur_vendor" @change="find_vendor_id" autocomplete="off" ></b-form-input> <datalist id="vendor-list-id"> <option></option> <option v-for="vendor in vendor_cname_list" :key="vendor" :value="vendor" > {{ vendor }} </option> </datalist> </b-input-group>

¿Alguien sabe qué está causando este comportamiento? ¿Y como arreglarlo? ¡Gracias!