#182 [bug] flag widget misbehaving

This commit is contained in:
Avris 2021-02-08 21:07:29 +01:00
parent 118ff214ce
commit 51dab198c0
1 changed files with 2 additions and 2 deletions

View File

@ -2,7 +2,7 @@
<div> <div>
<draggable tag="ul" v-model="iVal" ghostClass="ghost" @end="$emit('input', iVal)" :group="ulid" <draggable tag="ul" v-model="iVal" ghostClass="ghost" @end="$emit('input', iVal)" :group="ulid"
class="list-inline border rounded drop-empty px-3 py-2"> class="list-inline border rounded drop-empty px-3 py-2">
<li v-for="val in iVal" v-if="options[val]" class="list-inline-item py-1"> <li v-for="val in iVal" :key="val" v-if="options[val]" class="list-inline-item py-1">
<a href="#" class="badge badge-light border p-2" @click.prevent="$emit('input', iVal.filter(v => v !== val))"> <a href="#" class="badge badge-light border p-2" @click.prevent="$emit('input', iVal.filter(v => v !== val))">
<slot v-bind:v="val" v-bind:desc="options[val]"> <slot v-bind:v="val" v-bind:desc="options[val]">
{{ val }} {{ val }}
@ -30,7 +30,7 @@
</div> </div>
<draggable tag="ul" v-model="remainingOptions" ghostClass="ghost" @end="$emit('input', iVal)" class="list-inline" :group="ulid"> <draggable tag="ul" v-model="remainingOptions" ghostClass="ghost" @end="$emit('input', iVal)" class="list-inline" :group="ulid">
<li v-for="val in remainingOptions" v-if="(all && !search) || (search && options[val].toLowerCase().includes(search))" class="list-inline-item py-1"> <li v-for="val in remainingOptions" :key="val" v-if="(all && !search) || (search && options[val].toLowerCase().includes(search))" class="list-inline-item py-1">
<a href="#" class="badge badge-light p-2" @click.prevent="$emit('input', [...iVal, val])"> <a href="#" class="badge badge-light p-2" @click.prevent="$emit('input', [...iVal, val])">
<slot v-bind:v="val" v-bind:desc="options[val]"> <slot v-bind:v="val" v-bind:desc="options[val]">
{{ val }} {{ val }}