Skip to content

Commit 31c9cca

Browse files
committed
fix(field-select): fix display issues for multi-select
1 parent dbc026b commit 31c9cca

File tree

1 file changed

+4
-2
lines changed

1 file changed

+4
-2
lines changed

src/fields/input/FieldSelect.vue

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,10 @@
22
<div class="vfg-select">
33
<span v-on-click-outside="() => isOpened = false" class="vfg-select-label" :class="{'text-muted': !selectedNames.length}" @click.prevent="onClickInput">
44
<template v-if="selectedNames.length">
5-
<span v-for="(selectedName, index) in selectedNames" :key="selectedName">
6-
<template v-if="index !== 0">, </template>{{ selectedName }}
5+
<span>
6+
<template v-for="(selectedName, index) in selectedNames" :key="selectedName">
7+
<template v-if="index !== 0">, </template>{{ selectedName }}
8+
</template>
79
</span>
810
</template>
911
<template v-else>{{ field.placeholder || 'Select an option' }}</template>

0 commit comments

Comments
 (0)