fix(SelectCustom): move wrapper on top of Listbox

This commit is contained in:
Benjamin Canac
2022-04-28 17:56:46 +02:00
parent 7d1c38c820
commit 8222d05c15

View File

@@ -1,10 +1,10 @@
<template> <template>
<Listbox <div :class="wrapperClass">
:model-value="modelValue" <Listbox
:multiple="multiple" :model-value="modelValue"
@update:model-value="$emit('update:modelValue', $event)" :multiple="multiple"
> @update:model-value="$emit('update:modelValue', $event)"
<div :class="wrapperClass"> >
<input :value="modelValue" :required="required" class="absolute inset-0 w-px opacity-0 cursor-default" tabindex="-1"> <input :value="modelValue" :required="required" class="absolute inset-0 w-px opacity-0 cursor-default" tabindex="-1">
<ListboxButton :class="selectCustomClass"> <ListboxButton :class="selectCustomClass">
@@ -41,8 +41,8 @@
</ListboxOption> </ListboxOption>
</ListboxOptions> </ListboxOptions>
</transition> </transition>
</div> </Listbox>
</Listbox> </div>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">